/* zy.lsp8.top unified interface layer — 2026-09-12 */
:root{
  --zy-ink:#342033;--zy-muted:#856f7e;--zy-line:#f0d7e4;--zy-surface:#fff;
  --zy-soft:#fff6fa;--zy-soft-2:#ffedf5;--zy-primary:#b73d76;--zy-primary-2:#8f285a;
  --zy-violet:#7356c7;--zy-success:#2f9a6a;--zy-danger:#dc5f78;--zy-warning:#e69a3b;
  --zy-shadow:0 14px 36px rgba(109,37,76,.10);--zy-shadow-sm:0 7px 20px rgba(109,37,76,.08);
}
*{box-sizing:border-box}
html{min-height:100%;background:#fff5fa}
body{min-height:100%;background:
  radial-gradient(circle at 0 0,rgba(226,148,188,.17),transparent 32rem),
  radial-gradient(circle at 100% 18%,rgba(127,111,212,.12),transparent 28rem),
  linear-gradient(180deg,#fff9fc 0,#fff2f8 58%,#fff7fb 100%);color:var(--zy-ink);line-height:1.6}
a{color:var(--zy-primary);transition:color .18s ease}
a:hover,a:focus{color:var(--zy-primary-2);text-decoration:none}
::selection{background:#f4c7dc;color:#48203a}

/* Form elements and actions */
.form-control,.input-group-addon,select.form-control{height:40px;border:1px solid var(--zy-line);border-radius:11px;background:rgba(255,255,255,.94);color:var(--zy-ink);box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.form-control:focus,select.form-control:focus{border-color:#cf72a1;background:#fff;box-shadow:0 0 0 3px rgba(183,61,118,.13)}
.form-control::placeholder{color:#b39aa8}
textarea.form-control{height:auto;min-height:100px;resize:vertical}
.control-label,.form-group label{font-weight:700;color:#69405a}
.btn{border-radius:10px;border-width:1px;font-weight:700;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.btn:hover,.btn:focus{transform:translateY(-1px);box-shadow:0 7px 14px rgba(102,37,71,.14)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn-primary,.btn-info{background:linear-gradient(135deg,#c94784,#a83168)!important;border-color:#a83168!important;color:#fff!important}
.btn-success{background:linear-gradient(135deg,#42ae7b,#27875f)!important;border-color:#27875f!important;color:#fff!important}
.btn-danger{background:linear-gradient(135deg,#e7788e,#ce4e6b)!important;border-color:#ce4e6b!important;color:#fff!important}
.btn-warning{background:linear-gradient(135deg,#f0b659,#d88928)!important;border-color:#d88928!important;color:#fff!important}
.btn-default{background:linear-gradient(180deg,#fff,#fff5fa)!important;border-color:#ead1df!important;color:#77425f!important}
.btn-link{color:var(--zy-primary)!important;box-shadow:none!important}
.badge{padding:4px 8px;border-radius:99px;font-weight:700}

/* Shared Bootstrap surfaces */
.well,.panel,.modal-content,.dropdown-menu,.popover{border:1px solid var(--zy-line)!important;background:rgba(255,255,255,.88);box-shadow:var(--zy-shadow-sm)}
.well,.panel,.modal-content{border-radius:16px;overflow:hidden}
.well{padding:18px}
.panel{margin-bottom:18px}
.panel-heading{padding:14px 17px;border:0!important;background:linear-gradient(135deg,#cb4d89,#a83268)!important;color:#fff!important}
.panel-heading .panel-title{font-size:15px;font-weight:800;letter-spacing:.01em;color:#fff!important}
.panel-body{padding:18px}
.panel-footer{border-top:1px solid var(--zy-line)!important;background:#fff8fb!important;color:var(--zy-primary)!important}
.panel-footer:hover{background:#fff1f7!important}
.list-group-item{border-color:#f2dce7!important;background:rgba(255,255,255,.82)!important;color:var(--zy-ink)!important;padding:12px 15px}
.list-group-item:first-child{border-radius:12px 12px 0 0}.list-group-item:last-child{border-radius:0 0 12px 12px}
.alert{border:1px solid transparent;border-radius:12px;box-shadow:var(--zy-shadow-sm)}
.alert-info{border-color:#badced;background:#f0faff;color:#25627d}.alert-success{border-color:#bee7d1;background:#effbf5;color:#247851}.alert-warning{border-color:#f1d99f;background:#fff9eb;color:#936716}.alert-danger{border-color:#f3c3cf;background:#fff3f6;color:#a33b57}

/* Tables, pagination and modals */
.table{border-collapse:separate;border-spacing:0;border-radius:13px;overflow:hidden;background:rgba(255,255,255,.72);margin-bottom:0}
.table>thead>tr>th{border-bottom:1px solid #edd4e0!important;background:#fff7fb!important;color:#82425f!important;font-size:12px;font-weight:800;letter-spacing:.03em;vertical-align:middle}
.table>tbody>tr>td{border-top:1px solid #f5e5ed!important;color:#4c3343!important;vertical-align:middle}
.table-hover>tbody>tr:hover>td{background:#fff5f9!important}
.table-responsive{border:0;overflow-x:auto;border-radius:14px}
.pagination>li>a,.pagination>li>span{margin:0 3px;border:1px solid #ecd4e0!important;border-radius:9px!important;background:#fff!important;color:#9d4270!important;font-weight:700}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--zy-primary)!important;border-color:var(--zy-primary)!important;color:#fff!important}
.modal-backdrop.in{opacity:.45}.modal-content{border:0!important;box-shadow:0 24px 70px rgba(66,22,47,.27)}
.modal-header{padding:16px 20px;border-bottom:1px solid var(--zy-line);background:linear-gradient(135deg,#fffafd,#fff0f7)}
.modal-title{font-size:17px;font-weight:800;color:#61324d}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--zy-line);background:#fffafd}
.close{opacity:.5;color:#7b4160}.close:hover{opacity:1;color:#b43d74}

/* Frontend page rhythm */
.glass-main{padding-top:22px;padding-bottom:34px}
.glass-main>.container{width:auto;max-width:1220px}
.glass-sidebar{border-color:rgba(184,61,118,.18);background:linear-gradient(160deg,rgba(255,252,254,.94),rgba(255,235,246,.92));box-shadow:0 16px 44px rgba(111,30,73,.16)}
.glass-sidebar-title{font-size:19px;color:#612241!important}.glass-menu li a{border:1px solid transparent}.glass-menu li a:hover{border-color:rgba(196,80,134,.16);background:rgba(191,63,121,.10)}
.glass-menu li.active a{background:linear-gradient(135deg,#c24783,#8f295a);box-shadow:0 10px 20px rgba(161,42,98,.20)}
.glass-menu-btn{background:linear-gradient(135deg,#c24783,#8f295a);box-shadow:0 10px 20px rgba(115,28,74,.28)}
.footer{margin-top:24px;padding:18px 0 28px;color:#9b7186}.footer .text-muted{color:#9b7186}

/* File and content lists on pages which use legacy Bootstrap layouts */
.thumbnail{border:1px solid var(--zy-line);border-radius:15px;background:#fff;box-shadow:var(--zy-shadow-sm);padding:10px}
.nav-tabs{border-bottom:1px solid var(--zy-line)!important;background:transparent!important;display:flex;gap:6px;flex-wrap:wrap}
.nav-tabs>li{float:none!important;margin:0!important}.nav-tabs>li>a{border:1px solid transparent!important;border-radius:10px!important;color:#704159!important;padding:8px 12px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border-color:#edc3d6!important;background:#fff0f7!important;color:#a42d66!important}
.progress{height:10px;border-radius:99px;background:#f4e3ec;box-shadow:none;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#cc4c89,#a72f68)}

@media (max-width:767px){
  body{font-size:14px}.glass-main{padding-top:14px;padding-bottom:22px}.glass-main>.container{padding-left:12px;padding-right:12px}
  .well,.panel-body{padding:14px}.panel-heading{padding:12px 14px}.modal-body{padding:15px}.modal-footer{padding:12px 15px}
  .table-responsive{margin-bottom:0}.btn{min-height:38px}.form-group{margin-bottom:14px}
  .pagination>li>a,.pagination>li>span{margin:0 1px;padding:6px 9px}
}