:root{
  --cinema-bg:#edf3fb;
  --cinema-deep:#0a2448;
  --cinema-panel:#ffffff;
  --cinema-panel-2:#f6f9fd;
  --cinema-line:rgba(31,70,119,.17);
  --cinema-gold:#d5a72c;
  --cinema-gold-soft:#f0ca5b;
  --cinema-text:#102444;
  --cinema-muted:#66758a;
  --cinema-shadow:0 22px 55px rgba(20,48,83,.12);
}
body{
  color:var(--cinema-text);
  background:
    radial-gradient(circle at 82% 4%,rgba(226,185,72,.24),transparent 24%),
    radial-gradient(circle at 35% 100%,rgba(75,132,198,.18),transparent 34%),
    linear-gradient(145deg,#f9fbfe 0%,#edf3fa 48%,#f8f3e7 100%);
}
body::before{opacity:.48;background-image:linear-gradient(rgba(17,55,99,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,55,99,.035) 1px,transparent 1px)}
aside{background:radial-gradient(circle at 25% 8%,rgba(240,202,91,.22),transparent 21%),linear-gradient(180deg,#173d70,#102f5c 55%,#0b2449);border-right-color:rgba(226,185,72,.35)}
header{background:linear-gradient(115deg,rgba(255,255,255,.94),rgba(238,245,253,.91));border-color:rgba(38,83,133,.17);box-shadow:var(--cinema-shadow),inset 0 1px 0 #fff}
header::after{background:radial-gradient(circle at 82% 0,rgba(226,185,72,.2),transparent 36%)}
h1,h2,h3,.panel h2,.cards strong{color:#102444}
.workspace-name{color:#405674}
.portal-link,.account-trigger{color:#16345f;background:rgba(255,255,255,.72);border-color:rgba(34,78,129,.2);box-shadow:0 8px 22px rgba(20,49,86,.08)}
.portal-link:hover,.account-trigger:hover{background:#fff;border-color:rgba(205,156,38,.55);box-shadow:0 12px 26px rgba(20,49,86,.13)}
.cards article,.panel,.list-item,.certificate-card,.token-item,.cert-monitor article{color:#102444;border-color:rgba(35,76,123,.16);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,246,252,.94));box-shadow:var(--cinema-shadow),inset 0 1px 0 #fff}
.cards article::after{border-color:rgba(205,156,38,.18);background:rgba(240,202,91,.04)}
.cards article:hover{border-color:rgba(205,156,38,.5);box-shadow:0 26px 60px rgba(20,48,83,.16)}
.cards span,.cards small,.panel p,.list-item small,.token-item small,.certificate-card p,.certificate-card dt{color:#68788e}
.cards strong{text-shadow:none}
.cards .accent{background:linear-gradient(135deg,#173d70,#24568f 55%,#376fa8);border-color:#d5a72c;color:#fff}
.cards .accent strong,.cards .accent span,.cards .accent small{color:#fff}
.cards .status-warning{background:linear-gradient(145deg,#fffaf0,#f9f3e5)}
.cards .status-danger{background:linear-gradient(145deg,#fff8f8,#f9eeee)}
.cards .status-warning strong{color:#9b6c00}.cards .status-danger strong{color:#b33b48}
.panel::before{opacity:.8}
input,select{color:#142b4c;border-color:rgba(36,78,126,.2);background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}
input::placeholder{color:#8190a3}select option{color:#142b4c;background:#fff}
.form label,.token-form label,.log-filters label,.document-filterbar label{color:#445a76}
.ghost,.secondary{color:#18365f;background:rgba(255,255,255,.78);border-color:rgba(32,74,122,.2)}
.ghost:hover,.secondary:hover{background:#fff;border-color:rgba(205,156,38,.52)}
.track{background:#dfe8f3}.bar b,.bar strong{color:#183455}
.stored-secret,.info,.certificate-message,.token-result{color:#445a76;border-color:rgba(35,76,123,.16);background:#f4f8fc}
.document-table-wrap,.table-wrap{border-color:rgba(35,76,123,.16);background:rgba(255,255,255,.82)}
table{color:#183455}th{color:#80621d;background:#eef4fb;border-color:#d8e3ef}td{border-color:#e0e8f1}.doc-row:hover{background:#f3f7fc}
.period-options,.documents-hint{color:#586b82;background:#f4f8fb;border-color:#d8e3ed}
.dismissible-message{position:relative;display:flex;align-items:flex-start;gap:12px;box-shadow:0 10px 26px rgba(17,48,84,.1)}
.dismissible-message[hidden]{display:none}
.message-text{display:block;flex:1}
.message-close,.notice-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid currentColor;border-radius:999px;background:rgba(255,255,255,.6);color:inherit;font-size:21px;font-weight:500;line-height:1;cursor:pointer;transition:.18s ease}
.message-close{position:absolute;right:9px;top:8px}
.message-close:hover,.notice-close:hover{transform:scale(1.07);background:#fff}
#notice .notice{display:flex;align-items:flex-start;gap:14px;padding-right:10px;background:linear-gradient(135deg,#173d70,#24568f);color:#fff;border-left-color:#e5bc50;box-shadow:0 18px 45px rgba(14,43,80,.24)}
#notice .notice span{flex:1}
#notice .notice.error{background:linear-gradient(135deg,#9d3240,#b94b55)}
#notice .notice-close{flex:0 0 30px;background:rgba(255,255,255,.12)}
#connectorStatus,#syncDiagnostic{border:1px solid rgba(35,76,123,.16)!important}
#connectorStatus.has-error,#syncDiagnostic.has-error{border-color:rgba(185,68,78,.3)!important}
dialog form{background:linear-gradient(145deg,#fff,#f1f6fb);color:#142b4c}dialog h2{color:#102444}
@media(max-width:760px){header{border-radius:14px}.message-close{right:7px;top:7px}}