:root{
  --black:#070706;--black2:#0f0f0d;--panel:#151511;--panel2:#1b1a16;
  --gold:#c99a2e;--gold2:#f0d58a;--gold3:#8f681c;--cream:#fff8e8;
  --text:#f8f4ea;--muted:#aaa18f;--line:rgba(224,187,93,.18);
  --green:#5bb98c;--amber:#dca73c;--red:#d65b55;--shadow:0 22px 60px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 85% 10%,rgba(201,154,46,.10),transparent 26%),linear-gradient(135deg,#0a0a08,#12110e 55%,#080807);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,rgba(12,12,10,.98),rgba(6,6,5,.98));color:white;padding:26px 17px;display:flex;flex-direction:column;z-index:30;border-right:1px solid var(--line);box-shadow:18px 0 55px rgba(0,0,0,.28)}
.brand{display:flex;align-items:center;gap:13px;padding:3px 9px 30px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),var(--gold3));color:#12100a;font-weight:900;box-shadow:0 10px 26px rgba(201,154,46,.22),inset 0 1px 0 rgba(255,255,255,.5)}.brand h1{font-family:Georgia,serif;font-size:19px;letter-spacing:.3px;margin:0;color:var(--cream)}.brand small{color:var(--gold2);opacity:.72;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;border:1px solid transparent;background:transparent;color:#bdb6a8;text-align:left;padding:13px 14px;border-radius:11px;cursor:pointer;font-weight:650;transition:.25s ease}.nav-item:hover{color:var(--cream);background:rgba(201,154,46,.07);border-color:rgba(201,154,46,.14);transform:translateX(3px)}.nav-item.active{color:#17140c;background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:rgba(255,255,255,.25);box-shadow:0 10px 24px rgba(201,154,46,.2)}.nav-item.active:after{content:"";position:absolute;right:-18px;top:12px;width:3px;height:22px;border-radius:5px;background:var(--gold2);box-shadow:0 0 14px var(--gold)}.sidebar-foot{margin-top:auto;color:#756f63;font-size:11px;line-height:1.6;padding:15px 12px;border-top:1px solid var(--line)}
.main{margin-left:268px;padding:26px 30px 38px}.topbar{min-height:82px;display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:0 4px}.topbar h2{font-family:Georgia,serif;margin:0;font-size:29px;letter-spacing:.2px;color:var(--cream)}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px;color:#bdb39f;font-size:13px}.icon-btn{display:none;border:1px solid var(--line);background:var(--panel);color:var(--gold2);border-radius:9px;padding:10px}.view{display:none;animation:fadeUp .45s ease}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.kpi{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(29,28,23,.96),rgba(17,17,14,.96));border-radius:18px;padding:23px;border:1px solid var(--line);box-shadow:var(--shadow);transition:.25s ease}.kpi:before{content:"";position:absolute;inset:auto -35px -60px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(201,154,46,.18),transparent 70%)}.kpi:hover{transform:translateY(-4px);border-color:rgba(224,187,93,.38)}.kpi span{display:block;color:var(--gold2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.kpi strong{display:block;font-family:Georgia,serif;font-size:38px;margin:10px 0 5px;color:#fff}.kpi em{font-style:normal;color:#8f887a;font-size:12px}.kpi.success{box-shadow:var(--shadow),inset 0 3px 0 rgba(91,185,140,.75)}.kpi.warning{box-shadow:var(--shadow),inset 0 3px 0 rgba(220,167,60,.8)}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel,.form-panel,.dashboard-logo-card{background:linear-gradient(145deg,rgba(25,24,20,.96),rgba(15,15,12,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.panel,.form-panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h3,.form-title h3{font-family:Georgia,serif;margin:0;color:var(--cream);font-size:20px}.panel-head p,.form-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid rgba(224,187,93,.1);text-align:left;font-size:13px;white-space:nowrap}th{background:linear-gradient(180deg,rgba(201,154,46,.18),rgba(201,154,46,.08));color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.09em}td{color:#ded8cb}tbody tr{transition:.2s}tbody tr:hover{background:rgba(201,154,46,.055)}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em;border:1px solid transparent}.badge.available,.badge.returned{background:rgba(91,185,140,.12);color:#79d4a8;border-color:rgba(91,185,140,.22)}.badge.issued{background:rgba(220,167,60,.13);color:#efc66e;border-color:rgba(220,167,60,.23)}.actions{display:flex;gap:6px}.mini{border:1px solid var(--line);background:#211f19;color:#e4dccd;border-radius:7px;padding:6px 9px;cursor:pointer}.mini:hover{background:rgba(201,154,46,.15);color:var(--gold2)}.mini.danger{color:#f07b74}.btn{position:relative;overflow:hidden;border:1px solid var(--line);background:#211f19;color:#eee7da;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:750;transition:.22s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(224,187,93,.36)}.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:rgba(255,255,255,.18);color:#17130a;box-shadow:0 10px 25px rgba(201,154,46,.2)}.btn-primary:after{content:"";position:absolute;top:-60%;left:-40%;width:30%;height:220%;background:rgba(255,255,255,.34);transform:rotate(25deg);transition:.55s}.btn-primary:hover:after{left:120%}.btn-success{background:linear-gradient(135deg,#75c9a1,#3e9f75);border-color:transparent;color:#07130e}.btn.danger{color:white;background:linear-gradient(135deg,#b74440,#7e2927);border-color:transparent}.link-btn{background:none;border:0;color:var(--gold2);cursor:pointer;font-weight:700}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:14px}.filters input,.filters select,label input,label select,label textarea,.inline-add input{width:100%;padding:11px 12px;border:1px solid rgba(224,187,93,.18);border-radius:10px;background:#11110e;color:#eee7da;outline:none}.filters input::placeholder,label input::placeholder,label textarea::placeholder,.inline-add input::placeholder{color:#716b5f}.filters input:focus,.filters select:focus,label input:focus,label select:focus,label textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,46,.12)}select option{background:#13130f;color:#eee7da}.table-footer{padding:12px 4px 0;color:var(--muted);font-size:12px}.form-panel{max-width:860px;margin:auto;padding:29px}.form-title{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.form-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17130a;font-size:24px;font-weight:900;box-shadow:0 10px 25px rgba(201,154,46,.18)}.form-icon.green{background:linear-gradient(135deg,#78d0a5,#3d9b72);color:#08120d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:800;color:#c9c0ae;display:grid;gap:7px;text-transform:uppercase;letter-spacing:.04em}.form-grid textarea{min-height:90px;resize:vertical}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:10px}.stats-list{display:grid;gap:14px}.stat-row{display:grid;gap:7px}.stat-label{display:flex;justify-content:space-between;font-size:13px;color:#d8d1c4}.bar{height:8px;border-radius:10px;background:#26231c;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));box-shadow:0 0 14px rgba(201,154,46,.45)}.settings-grid{display:grid;gap:22px}.settings-grid h4{margin:0 0 8px;color:var(--gold2)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.tag{background:rgba(201,154,46,.11);color:var(--gold2);padding:7px 10px;border:1px solid rgba(201,154,46,.18);border-radius:8px;font-size:12px}.tag button{border:0;background:none;color:var(--gold2);cursor:pointer;margin-left:4px}.inline-add{display:flex;gap:8px}.inline-add button{border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#151107;border-radius:8px;padding:0 13px;font-weight:800}.backup-actions{display:grid;gap:12px}.file-btn{text-align:center}.file-btn input{display:none}.note{font-size:12px;color:var(--muted);line-height:1.5}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);align-items:center;justify-content:center;z-index:60;padding:20px}.modal.open{display:flex}.modal-card{background:linear-gradient(145deg,#201f1a,#10100d);border:1px solid var(--line);border-radius:17px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:23px;box-shadow:0 35px 90px rgba(0,0,0,.65)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{font-family:Georgia,serif;margin:0;color:var(--cream)}.modal-head button{border:0;background:none;color:var(--gold2);font-size:28px;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(135deg,#2b2415,#17140d);color:var(--cream);border:1px solid var(--line);padding:13px 17px;border-radius:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:80;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:none}.empty{text-align:center;color:var(--muted);padding:25px}.green-text{color:#74cba1;font-weight:700}.red-text{color:#ef7770;font-weight:700}
.brand-mark img,.logo-preview img,#dashboardLogo{display:none;width:100%;height:100%;object-fit:contain}.brand-mark.has-logo img,.logo-preview.has-logo img{display:block}.brand-mark.has-logo span,.logo-preview.has-logo span{display:none}.dashboard-logo-card{display:flex;align-items:center;gap:16px;padding:17px 21px;margin-bottom:19px}.dashboard-logo-card img{display:block;width:72px;height:72px;object-fit:contain;border:1px solid var(--line);border-radius:13px;padding:6px;background:#fff}.dashboard-logo-card.no-logo{display:none}.dashboard-logo-card div{display:grid;gap:4px}.dashboard-logo-card strong{font-family:Georgia,serif;font-size:18px}.dashboard-logo-card span{font-size:12px;color:var(--muted)}.logo-settings{margin-bottom:18px}.logo-upload-row{display:flex;align-items:center;gap:20px}.logo-preview{width:110px;height:110px;border:1px dashed rgba(224,187,93,.35);border-radius:16px;display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--gold2);background:#11110e;padding:10px}.logo-preview img{border-radius:10px}.logo-upload-row .backup-actions{min-width:220px}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0;padding:15px}.icon-btn{display:block}.top-actions #clock{display:none}.topbar .btn{display:none}.kpi-grid{grid-template-columns:1fr}.filters,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.responsive{align-items:flex-start;gap:12px;flex-direction:column}.panel,.form-panel{padding:15px}.topbar h2{font-size:22px}.logo-upload-row{align-items:stretch;flex-direction:column}.logo-preview{width:100%;height:130px}}

/* Royal Properties brand theme: deep royal purple + signature gold */
:root{
  --black:#11072d;
  --black2:#180b3b;
  --panel:#20114b;
  --panel2:#2a1760;
  --gold:#ffca05;
  --gold2:#ffe064;
  --gold3:#dca900;
  --cream:#fff9dc;
  --text:#fffdf5;
  --muted:#c7bddf;
  --line:rgba(255,202,5,.24);
  --green:#62d4a1;
  --amber:#ffca05;
  --red:#ff6b75;
  --shadow:0 22px 60px rgba(13,4,39,.48)
}
body{
  background:
    radial-gradient(circle at 88% 8%,rgba(255,202,5,.16),transparent 28%),
    radial-gradient(circle at 12% 92%,rgba(104,68,181,.22),transparent 34%),
    linear-gradient(135deg,#140832,#1b0d43 52%,#10062a);
}
body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
}
.sidebar{
  background:linear-gradient(180deg,#1d0e45 0%,#15082f 100%);
  border-right-color:rgba(255,202,5,.32);
  box-shadow:18px 0 55px rgba(8,2,28,.38)
}
.brand-mark{
  background:#fff;
  border:2px solid var(--gold);
  padding:3px;
  box-shadow:0 10px 28px rgba(255,202,5,.24),inset 0 0 0 1px rgba(255,202,5,.18)
}
.brand-mark img{border-radius:10px}
.brand h1{color:#fff9dc}.brand small{color:var(--gold);opacity:.95}
.nav-item{color:#d8cfec}.nav-item:hover{background:rgba(255,202,5,.10);border-color:rgba(255,202,5,.22);color:#fff}
.nav-item.active{color:#241044;background:linear-gradient(135deg,#ffe064,#ffca05);box-shadow:0 12px 28px rgba(255,202,5,.24)}
.sidebar-foot{color:#a69abd}
.panel,.form-panel,.dashboard-logo-card,.kpi{
  background:linear-gradient(145deg,rgba(40,22,91,.96),rgba(24,11,58,.97));
  border-color:rgba(255,202,5,.25)
}
.kpi:before{background:radial-gradient(circle,rgba(255,202,5,.23),transparent 70%)}
.kpi:hover{border-color:rgba(255,224,100,.62);box-shadow:0 24px 62px rgba(13,4,39,.55),0 0 24px rgba(255,202,5,.08)}
.kpi span,.panel-head h3,.form-title h3,.topbar h2{color:#fff9dc}.kpi em{color:#b8acd2}
th{background:linear-gradient(180deg,rgba(255,202,5,.25),rgba(255,202,5,.10));color:#ffe477}
td{color:#f4efff}tbody tr:hover{background:rgba(255,202,5,.07)}
.table-wrap{background:rgba(12,4,35,.28)}
.filters input,.filters select,label input,label select,label textarea,.inline-add input{background:#160936;color:#fff;border-color:rgba(255,202,5,.22)}
.filters input::placeholder,label input::placeholder,label textarea::placeholder,.inline-add input::placeholder{color:#9285ac}
select option{background:#1c0d43;color:#fff}
.btn,.mini{background:#281458;color:#f7f2ff;border-color:rgba(255,202,5,.24)}
.btn:hover,.mini:hover{background:#33196f;border-color:rgba(255,224,100,.55);color:#ffe477}
.btn-primary,.inline-add button,.form-icon{background:linear-gradient(135deg,#ffe66e,#ffca05);color:#241044;box-shadow:0 10px 26px rgba(255,202,5,.24)}
.bar{background:#160936}.bar span{background:linear-gradient(90deg,#c59500,#ffe66e);box-shadow:0 0 14px rgba(255,202,5,.55)}
.tag{background:rgba(255,202,5,.11);color:#ffe477;border-color:rgba(255,202,5,.26)}
.modal{background:rgba(10,2,31,.78)}.modal-card{background:linear-gradient(145deg,#2a1760,#160936);border-color:rgba(255,202,5,.3)}
.toast{background:linear-gradient(135deg,#321868,#1b0d43);border-color:rgba(255,202,5,.30)}
.logo-preview{background:#fff;border-color:rgba(255,202,5,.55)}
.dashboard-logo-card img{background:#fff;border:2px solid var(--gold)}

.multi-file-select{min-height:190px;padding:8px!important}.multi-file-select option{padding:10px;border-bottom:1px solid rgba(255,202,5,.12);border-radius:6px}.multi-file-select option:checked{background:linear-gradient(135deg,#ffe66e,#ffca05);color:#241044}.field-help{color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0;font-weight:500}

/* Dropdown multi-select for issuing and returning several files */
.field-label{display:block;margin-bottom:7px;font-weight:700;color:var(--text)}
.multi-dropdown{position:relative;width:100%}
.multi-dropdown summary{list-style:none;cursor:pointer;min-height:46px;padding:13px 42px 13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);position:relative;user-select:none}
.multi-dropdown summary::-webkit-details-marker{display:none}
.multi-dropdown summary:after{content:'▾';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--gold2);font-size:16px}
.multi-dropdown[open] summary{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,46,.12)}
.multi-dropdown-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);max-height:290px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--black2);box-shadow:0 18px 45px rgba(0,0,0,.45)}
.multi-option{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:8px;cursor:pointer;color:var(--text)}
.multi-option:hover{background:rgba(201,154,46,.1)}
.multi-option input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--gold)}
.multi-option span{line-height:1.35}
.multi-empty{padding:16px;text-align:center;color:var(--muted)}
.field-help{display:block;margin-top:7px;color:var(--muted);font-size:12px}

.file-select-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.multiple-toggle{display:flex;align-items:center;gap:7px;color:var(--gold2);font-size:12px;text-transform:none;letter-spacing:0;cursor:pointer}.multiple-toggle input{width:17px;height:17px;accent-color:var(--gold)}.single-option{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:11px 10px;border-radius:8px;cursor:pointer}.single-option:hover,.single-option.selected{background:rgba(201,154,46,.12);color:var(--gold2)}


/* File attachment checklist */
.checklist-btn{border-color:rgba(98,212,161,.45);color:#9af0c8}
.checklist-header{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(255,255,255,.025)}
.checklist-header small{grid-column:1/-1;color:var(--muted)}
.checklist-progress{grid-column:1/-1;height:9px;background:#13072f;border-radius:999px;overflow:hidden}
.checklist-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px}
.checklist-table-wrap{max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
.checklist-table{min-width:820px}.checklist-table th{position:sticky;top:0;z-index:2}.checklist-table td:nth-child(1){text-align:center;width:45px}.check-cell{text-align:center;width:86px}.check-cell input{width:18px;height:18px;accent-color:var(--gold)}
.check-remark{width:100%;min-width:170px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#160936;color:#fff}
.modal-card{max-width:1050px}
@media(max-width:700px){.checklist-header{grid-template-columns:1fr}.checklist-header small,.checklist-progress{grid-column:1}.modal-card{width:96%}}

/* Checklist settings management */
.checklist-settings-panel{margin-top:18px}.checklist-add-box{display:flex;gap:10px;min-width:min(100%,520px)}.checklist-add-box input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#160936;color:#fff}.checklist-settings-list{display:grid;gap:9px;max-height:540px;overflow:auto;padding-right:4px}.checklist-setting-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.checklist-setting-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,202,5,.14);color:var(--gold2);font-weight:800}.checklist-setting-row input{width:100%;padding:10px 12px;border:1px solid rgba(255,202,5,.2);border-radius:8px;background:#160936;color:#fff}.checklist-setting-row input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,202,5,.12)}@media(max-width:760px){.checklist-add-box{width:100%;flex-direction:column}.checklist-add-box input{min-width:0}.checklist-setting-row{grid-template-columns:36px 1fr}.checklist-setting-row .danger{grid-column:2;justify-self:start}}
.checklist-save-indicator{margin-right:auto;font-weight:700;color:#2f855a;align-self:center}
.attachment-name{max-width:170px;margin:6px 0;color:#9af0c8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-file{max-width:130px}.floating-import{position:static;display:flex;align-items:center;gap:12px;width:100%;max-width:none;margin-top:18px;padding:18px;border:1px solid rgba(255,202,5,.28);border-radius:14px;background:linear-gradient(145deg,rgba(40,22,91,.96),rgba(24,11,58,.97));box-shadow:0 14px 35px rgba(0,0,0,.24)}.floating-import:before{content:'Excel Plot Import';color:#fff9dc;font-weight:800}.floating-import small{color:#d8cfec;font-size:11px}.excel-import{white-space:nowrap}@media(max-width:700px){.floating-import{flex-direction:column;align-items:stretch}.floating-import small{text-align:center}}
.import-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 14px;border:1px solid rgba(255,202,5,.22);border-radius:10px;background:rgba(255,202,5,.06);color:#d8cfec;font-size:12px}.import-help .link-btn{white-space:nowrap}@media(max-width:700px){.import-help{align-items:flex-start;flex-direction:column}}
.role-hidden{display:none!important}.role-badge{padding:6px 10px;border:1px solid rgba(255,202,5,.24);border-radius:999px;background:rgba(255,202,5,.08);color:#ffda42;font-size:11px;font-weight:800;white-space:nowrap}
.view-only-label{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,202,5,.2);border-radius:999px;background:rgba(255,202,5,.07);color:#d8c778;font-size:10px;font-weight:800;white-space:nowrap}
.sidebar-foot #onlineStatus{display:block}.sidebar-foot #onlineStatus[data-state="online"]{color:#72d6a0}.sidebar-foot #onlineStatus[data-state="saving"]{color:#ffda42}.sidebar-foot #onlineStatus[data-state="error"]{color:#ff8e98}
.panel-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pdf-btn{border-color:rgba(255,202,5,.32)!important;background:linear-gradient(135deg,rgba(81,36,124,.9),rgba(36,16,68,.95))!important;color:#ffdf54!important;box-shadow:0 8px 20px rgba(20,6,35,.2)}

/* Login and logout */
.auth-hidden{display:none!important}.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(255,202,5,.18),transparent 28%),radial-gradient(circle at 85% 80%,rgba(92,36,151,.35),transparent 30%),linear-gradient(145deg,#160827,#271044 55%,#10061d)}.login-screen.is-hidden{display:none}.login-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;animation:loginGrid 16s linear infinite}.login-glow{position:absolute;border-radius:50%;filter:blur(5px);opacity:.55;animation:loginFloat 7s ease-in-out infinite}.glow-one{width:260px;height:260px;background:#ffca05;left:-90px;top:-70px}.glow-two{width:310px;height:310px;background:#6e35a3;right:-110px;bottom:-100px;animation-delay:-3s}.login-card{position:relative;width:min(440px,100%);padding:38px 38px 30px;border:1px solid rgba(255,224,100,.25);border-radius:24px;background:linear-gradient(160deg,rgba(37,16,68,.94),rgba(17,7,31,.96));box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);text-align:center;animation:loginEnter .65s ease}.login-logo{width:82px;height:82px;margin:0 auto 18px;border-radius:20px;display:grid;place-items:center;background:#fff;box-shadow:0 14px 36px rgba(255,202,5,.22);overflow:hidden}.login-logo img{width:100%;height:100%;object-fit:contain}.login-kicker{margin:0;color:#ffda42;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.login-card h1{margin:9px 0 8px;color:#fff9dc;font:700 34px Georgia,serif}.login-copy{margin:0 auto 25px;max-width:330px;color:#b9aecb;font-size:13px;line-height:1.6}.login-form{display:grid;gap:16px;text-align:left}.login-form label{display:grid;gap:7px;color:#e8e0f4;font-size:12px;font-weight:700}.login-form input{width:100%;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,2,10,.45);color:#fff;padding:0 14px;outline:none;transition:.2s}.login-form input:focus{border-color:#ffca05;box-shadow:0 0 0 3px rgba(255,202,5,.12)}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:8px;top:8px;height:32px;border:0;border-radius:8px;background:rgba(255,202,5,.12);color:#ffda42;font-size:11px;font-weight:800;cursor:pointer}.login-error{min-height:17px;margin:-6px 0;color:#ff8e98;font-size:12px;text-align:center}.login-submit{height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#ffe064,#ffca05);color:#241044;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(255,202,5,.22);transition:.2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,202,5,.3)}.login-card>small{display:block;margin-top:21px;color:#8f82a6}.logout-btn{border-color:rgba(255,202,5,.3)!important;color:#ffda42!important;background:rgba(255,202,5,.08)!important}@keyframes loginEnter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes loginFloat{50%{transform:translateY(24px) scale(1.08)}}@keyframes loginGrid{to{background-position:38px 38px}}@media(max-width:520px){.login-card{padding:28px 20px 24px}.login-card h1{font-size:28px}.top-actions{gap:7px}.logout-btn{display:inline-flex!important}}