:root {
  --ink:#18332d; --muted:#667a74; --line:#dce6e1; --paper:#fff; --bg:#f5f8f6;
  --green:#176b55; --green-dark:#0f5141; --mint:#e5f3ed; --amber:#d78722;
  --amber-bg:#fff4dc; --red:#b94747; --red-bg:#fdecec; --blue:#316da8;
  --shadow:0 14px 40px rgba(28,57,49,.10); --radius:16px;
}
[data-theme="sunrise"]{--ink:#352d43;--muted:#776e83;--line:#ebe4ef;--paper:#fff;--bg:#f8f4fb;--green:#7450a3;--green-dark:#5e3d8a;--mint:#eee5f8;--amber:#e49b37;--amber-bg:#fff3dc;--red:#d95569;--red-bg:#fdebf0;--blue:#567bc4}
[data-theme="ocean"]{--ink:#173443;--muted:#637985;--line:#dce9ec;--paper:#fff;--bg:#f1f8fa;--green:#16798b;--green-dark:#0f6373;--mint:#def3f4;--amber:#e59837;--amber-bg:#fff3dc;--red:#c84d59;--red-bg:#fdebed;--blue:#3978b8}
[data-theme="coral"]{--ink:#322d42;--muted:#777181;--line:#eee7e7;--paper:#fff;--bg:#f7f7fb;--green:#f05e6b;--green-dark:#d94d5a;--mint:#fff0ef;--amber:#f2a440;--amber-bg:#fff3dc;--red:#c73e56;--red-bg:#fde9ed;--blue:#54a7c1}
[data-theme="lavender"]{--ink:#201728;--muted:#786f82;--line:rgba(255,255,255,.72);--paper:rgba(255,255,255,.68);--bg:#eeeafb;--green:#a33bd0;--green-dark:#8425b1;--mint:#f4e8fc;--amber:#d89b2b;--amber-bg:#fff4dd;--red:#c94868;--red-bg:#fdebf1;--blue:#7169d9;--shadow:0 22px 55px rgba(77,54,105,.12)}
[data-theme="midnight"]{--ink:#e9f2ef;--muted:#9db2ab;--line:#304a43;--paper:#1b332d;--bg:#112520;--green:#63caa1;--green-dark:#50b68e;--mint:#25483e;--amber:#f0bb5c;--amber-bg:#4b3e24;--red:#f07878;--red-bg:#4e2d30;--blue:#78b4ee}
[data-theme="sunrise"] .sidebar{background:#403256}[data-theme="ocean"] .sidebar{background:#174958}[data-theme="coral"] .sidebar{background:#26243d}[data-theme="midnight"] .sidebar{background:#0a1a16}
[data-theme="sunrise"] .brand-mark{background:#ffcc70}[data-theme="ocean"] .brand-mark{background:#7bd5d7}[data-theme="coral"] .brand-mark{background:linear-gradient(135deg,#ffce62,#ff6575)}[data-theme="midnight"] .brand-mark{background:#63caa1}
[data-theme="midnight"] .topbar,[data-theme="midnight"] .metric,[data-theme="midnight"] .card,[data-theme="midnight"] .table-wrap,[data-theme="midnight"] .field,[data-theme="midnight"] .icon-button,[data-theme="midnight"] .button.secondary,[data-theme="midnight"] .modal{background:var(--paper);color:var(--ink)}
[data-theme="midnight"] th{background:#213a34}[data-theme="midnight"] td{border-color:#29433c}[data-theme="midnight"] .search{background:#243e37}[data-theme="midnight"] .search input{color:var(--ink)}
[data-theme="coral"] body{background:#e9eef8;background-image:radial-gradient(circle at 8% 4%,rgba(255,255,255,.9) 0 5px,transparent 6px),radial-gradient(circle at 94% 92%,rgba(255,255,255,.75) 0 6px,transparent 7px)}
[data-theme="coral"] .app-shell{min-height:calc(100vh - 56px);margin:28px;border-radius:30px;overflow:hidden;background:#fdfcff;box-shadow:0 30px 80px rgba(89,96,130,.12)}
[data-theme="coral"] .sidebar{position:fixed;top:28px;bottom:28px;left:28px;height:auto;width:220px;background:#fff;color:#302b42;padding:27px 16px;border-radius:30px 0 0 30px;border-right:1px solid #f2edf2}
[data-theme="coral"] .brand strong{color:#302b42}[data-theme="coral"] .brand span{color:#aaa4b2}[data-theme="coral"] .brand-mark{color:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(240,94,107,.28)}
[data-theme="coral"] .nav-group{color:#bbb5c2}[data-theme="coral"] .nav-item{color:#625d71;padding:11px 13px}[data-theme="coral"] .nav-item:hover,[data-theme="coral"] .nav-item.active{background:#fff0f1;color:#f05e6b}[data-theme="coral"] .nav-item.active{box-shadow:inset 3px 0 #f05e6b}
[data-theme="coral"] .sidebar-foot{border-color:#f0ebef}[data-theme="coral"] .privacy-note{color:#787180;background:#f9f8fb;border-radius:11px}[data-theme="coral"] .user-card{color:#302b42}[data-theme="coral"] .avatar{background:linear-gradient(135deg,#ffd05d,#ff7582);color:#fff}
[data-theme="coral"] .page{margin-left:220px;min-height:calc(100vh - 56px);background:#fdfcff}[data-theme="coral"] .topbar{height:80px;background:rgba(253,252,255,.96);border:0;padding:0 32px}[data-theme="coral"] .search{background:#fff;border-color:#f0ebf2;box-shadow:0 8px 25px rgba(56,45,76,.05);border-radius:14px}[data-theme="coral"] .icon-button{border:0;background:#fff;box-shadow:0 8px 22px rgba(56,45,76,.07);border-radius:13px}
[data-theme="coral"] main{padding:25px 32px 34px}[data-theme="coral"] .page-head h1{font-size:30px;letter-spacing:-.04em}[data-theme="coral"] .eyebrow{color:#f05e6b}[data-theme="coral"] .button{background:linear-gradient(135deg,#ff596f,#ff836f);box-shadow:0 9px 22px rgba(240,94,107,.18);border-radius:11px}[data-theme="coral"] .button.secondary{background:#fff;color:#50495d;box-shadow:none}
[data-theme="coral"] .metric,[data-theme="coral"] .card,[data-theme="coral"] .table-wrap{border:0;box-shadow:0 12px 35px rgba(67,53,88,.06);border-radius:18px}[data-theme="coral"] .metric{min-height:130px;padding:19px 20px}[data-theme="coral"] .metric:first-child{background:linear-gradient(135deg,#ff4f72,#ff8b6c);color:#fff;box-shadow:0 18px 38px rgba(242,89,105,.22)}[data-theme="coral"] .metric:first-child .metric-head,[data-theme="coral"] .metric:first-child small{color:#fff}[data-theme="coral"] .metric:first-child .metric-icon{background:rgba(255,255,255,.22);color:#fff}[data-theme="coral"] .metric-icon{background:#fff1f2;color:#f05e6b;border-radius:12px}[data-theme="coral"] .card{padding:22px}[data-theme="coral"] .card-title h2{font-size:16px}
[data-theme="coral"] .alert{border:0;background:#fbf9fc;border-radius:13px}[data-theme="coral"] .alert-icon{background:#fff0f1;color:#f05e6b}[data-theme="coral"] .transport-step{background:#fff0f1;color:#f05e6b;border-radius:10px}[data-theme="coral"] .transport-step.pending{background:#f7f4f8}[data-theme="coral"] .chip.green{background:#eaf8f4;color:#2a9a79}[data-theme="coral"] .chip.amber{background:#fff3e2;color:#d8882f}
[data-theme="coral"] .modal{border-radius:24px}[data-theme="coral"] .theme-card.selected{border-color:#f05e6b}
[data-theme="lavender"] body{background:linear-gradient(145deg,#f5eafd 0%,#e9e9fb 48%,#e1e7fb 100%);background-attachment:fixed}
[data-theme="lavender"] body:before,[data-theme="lavender"] body:after{content:"";position:fixed;border-radius:50%;filter:blur(65px);pointer-events:none;z-index:-1}[data-theme="lavender"] body:before{width:340px;height:340px;background:rgba(229,146,255,.22);left:5%;top:8%}[data-theme="lavender"] body:after{width:420px;height:420px;background:rgba(140,170,255,.2);right:4%;bottom:2%}
[data-theme="lavender"] .app-shell{min-height:calc(100vh - 64px);margin:32px;border:1px solid rgba(255,255,255,.85);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.34);box-shadow:0 32px 85px rgba(53,40,80,.16);backdrop-filter:blur(22px)}
[data-theme="lavender"] .sidebar{top:32px;bottom:32px;left:32px;height:auto;width:220px;padding:26px 16px;background:rgba(255,255,255,.44);color:#201728;border-radius:30px 0 0 30px;border-right:1px solid rgba(255,255,255,.75);backdrop-filter:blur(25px)}
[data-theme="lavender"] .page{margin-left:220px;min-height:calc(100vh - 64px);background:rgba(250,247,255,.27)}[data-theme="lavender"] .brand strong,[data-theme="lavender"] .user-card{color:#201728}[data-theme="lavender"] .brand span,[data-theme="lavender"] .nav-group{color:#91869b}[data-theme="lavender"] .brand-mark{background:#0e0912;color:#fff;border-radius:11px;box-shadow:0 9px 25px rgba(30,15,40,.2)}
[data-theme="lavender"] .nav-item{color:#6d6475;padding:11px 13px}[data-theme="lavender"] .nav-item:hover,[data-theme="lavender"] .nav-item.active{background:rgba(255,255,255,.72);color:#8f2cc0;box-shadow:0 9px 24px rgba(93,60,120,.07)}[data-theme="lavender"] .nav-item.active span:first-child{background:#f1dff9;border-radius:50%;padding:3px}[data-theme="lavender"] .sidebar-foot{border-color:rgba(255,255,255,.75)}[data-theme="lavender"] .privacy-note{color:#786f82;background:rgba(255,255,255,.4);border-radius:12px}[data-theme="lavender"] .avatar{background:linear-gradient(135deg,#d74de7,#7632cb);color:#fff}
[data-theme="lavender"] .topbar{height:82px;padding:0 32px;border:0;background:rgba(255,255,255,.25);backdrop-filter:blur(18px)}[data-theme="lavender"] .search{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);border-radius:15px;box-shadow:0 12px 28px rgba(68,45,90,.06)}[data-theme="lavender"] .icon-button{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.64);border-radius:13px;box-shadow:0 10px 25px rgba(68,45,90,.06)}
[data-theme="lavender"] main{padding:26px 32px 36px}[data-theme="lavender"] .page-head h1{font-size:30px;letter-spacing:-.04em}[data-theme="lavender"] .eyebrow{color:#a33bd0}[data-theme="lavender"] .button{background:#15091a;color:#fff;border-radius:11px;box-shadow:0 11px 25px rgba(23,9,28,.16)}[data-theme="lavender"] .button:hover{background:#2f1538}[data-theme="lavender"] .button.secondary{background:rgba(255,255,255,.65);color:#3a2b43;border:1px solid rgba(255,255,255,.9);box-shadow:none}
[data-theme="lavender"] .metric,[data-theme="lavender"] .card,[data-theme="lavender"] .table-wrap,[data-theme="lavender"] .report-card{background:rgba(255,255,255,.53);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(78,55,102,.08);backdrop-filter:blur(18px);border-radius:20px}[data-theme="lavender"] .metric{min-height:128px}[data-theme="lavender"] .metric:first-child{background:linear-gradient(140deg,rgba(185,55,221,.88),rgba(117,52,207,.88));color:#fff;box-shadow:0 20px 42px rgba(138,52,190,.2)}[data-theme="lavender"] .metric:first-child .metric-head,[data-theme="lavender"] .metric:first-child small{color:#fff}[data-theme="lavender"] .metric:first-child .metric-icon{background:rgba(255,255,255,.2);color:#fff}[data-theme="lavender"] .metric-icon{background:#f2e4fa;color:#9e37c9;border-radius:12px}
[data-theme="lavender"] .alert{border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.48);border-radius:14px}[data-theme="lavender"] .alert-icon{background:#f3e6fb;color:#9b35c6}[data-theme="lavender"] .transport-step{background:rgba(242,225,250,.78);color:#9833c2}[data-theme="lavender"] .transport-step.pending{background:rgba(255,255,255,.43)}[data-theme="lavender"] .field{background:rgba(255,255,255,.64);border-color:rgba(255,255,255,.9)}[data-theme="lavender"] th{background:rgba(247,240,252,.72)}[data-theme="lavender"] td{border-color:rgba(255,255,255,.68)}
[data-theme="lavender"] .modal{background:rgba(250,247,255,.92);border:1px solid #fff;border-radius:25px;backdrop-filter:blur(25px)}[data-theme="lavender"] .modal-backdrop{background:rgba(48,32,65,.28);backdrop-filter:blur(8px)}[data-theme="lavender"] .theme-card{background:rgba(255,255,255,.65)}[data-theme="lavender"] .theme-card.selected{border-color:#a33bd0}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}
.app-shell{display:none}.authenticated .app-shell{display:block}.authenticated .login-screen{display:none}.login-screen{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(145deg,#eef4f1,#f6f1fa);min-height:100vh}.login-visual{padding:54px 7vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,rgba(18,63,53,.96),rgba(42,88,75,.91)),radial-gradient(circle at 75% 20%,#d9a84e,transparent 36%);position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-130px;bottom:-130px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.025)}.login-brand{display:flex;align-items:center;gap:12px;font:800 21px Manrope}.login-visual h1{font:800 clamp(36px,5vw,66px)/1.05 Manrope;letter-spacing:-.05em;margin:12px 0 20px;max-width:700px}.login-visual p{max-width:560px;color:#d5e5df;font-size:16px;line-height:1.7}.login-visual .eyebrow{color:#eac66f}.login-footer-credit{position:relative;z-index:1;display:grid;gap:7px;color:#b8d1c8}.login-footer-credit small{font-size:12px}.login-footer-credit strong{color:#fff;font-size:13px;font-weight:600}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);border-radius:25px;padding:38px;box-shadow:0 28px 70px rgba(50,57,78,.12);backdrop-filter:blur(20px)}.login-card h2{font:800 28px Manrope;margin:12px 0 6px}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card .form-label{display:block;margin-top:15px}.login-card .field{display:block;width:100%;margin-top:7px;padding:13px}.login-badge{display:inline-flex;background:var(--mint);color:var(--green);padding:6px 10px;border-radius:20px;font-size:11px;font-weight:700}.login-submit{width:100%;margin-top:18px;padding:13px}.login-error{min-height:20px;margin-top:10px;color:var(--red);font-size:12px}.login-help{display:block;text-align:center;color:var(--muted);margin-top:20px}.login-help strong{color:var(--ink)}
button,input,select{font:inherit} button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-50px;z-index:20;background:#fff;padding:10px}.skip-link:focus{top:10px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#123f35;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#d9a84e;display:grid;place-items:center;color:#123f35;font:800 22px Manrope}.brand strong,.brand span{display:block}.brand strong{font:700 19px Manrope}.brand span{color:#afd1c6;font-size:12px}
nav{display:grid;gap:4px;overflow:auto}.nav-item{border:0;background:transparent;color:#bcd4cc;display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:9px;text-align:left;font-size:13px}.nav-item span:first-child{width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#286052;color:#fff}.nav-group{padding:14px 12px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7eaa9e}
.sidebar-foot{margin-top:auto;border-top:1px solid #38665c;padding-top:14px}.privacy-note,.user-card{display:flex;align-items:center;gap:10px}.privacy-note{font-size:11px;color:#bcd4cc;padding:8px}.privacy-note>span{color:#66d2a7}.privacy-note strong,.privacy-note small,.user-card strong,.user-card small{display:block}.privacy-note small,.user-card small{opacity:.7}.user-card{border:0;background:transparent;color:#fff;width:100%;padding:10px 7px;text-align:left}.user-card>span:nth-child(2){flex:1}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8c777;color:#18332d;font-weight:700}
.page{margin-left:250px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:22px;position:sticky;top:0;z-index:8}.org-switch{display:flex;align-items:center;gap:9px;min-width:max-content}.org-switch>img{width:34px;height:34px;object-fit:cover;border-radius:9px;padding:2px;background:#fff;border:1px solid var(--line)}.org-switch small,.org-switch strong{display:block}.org-switch small{font-size:10px;color:var(--muted)}.org-switch strong{font-size:13px}.search{margin:auto;max-width:440px;flex:1;background:#f2f6f4;border:1px solid transparent;border-radius:9px;padding:9px 12px;display:flex;gap:8px}.search:focus-within{border-color:var(--green)}.search input{border:0;outline:0;background:transparent;width:100%}.top-actions,.font-size-controls{display:flex;gap:8px}.font-size-controls{padding-right:8px;border-right:1px solid var(--line)}.font-size-controls .icon-button{font-weight:800}.icon-button:disabled{opacity:.38;cursor:not-allowed}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px}.notification-button{position:relative}.notification-button span{position:absolute;right:-5px;top:-5px;background:var(--red);color:#fff;border-radius:9px;padding:1px 5px;font-size:9px}.menu-button{display:none}
main{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:11px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.09em}.page-head h1{font:800 28px Manrope;margin:4px 0}.page-head p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:0;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px;background:var(--green);color:#fff}.button:hover{background:var(--green-dark)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:var(--red)}.button.small{padding:7px 10px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.metric{padding:18px}.metric-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.metric-icon{width:33px;height:33px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--green)}.metric strong{display:block;font:800 28px Manrope;margin:8px 0 3px}.metric small{color:var(--muted)}.trend{color:var(--green)!important}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.card{padding:19px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title h2{font:700 15px Manrope;margin:0}.card-title a{font-size:11px;color:var(--green);font-weight:700}.alert-list,.task-list{display:grid;gap:9px}.alert{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px}.alert-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--amber-bg);color:var(--amber)}.alert.critical .alert-icon{background:var(--red-bg);color:var(--red)}.alert strong,.alert small{display:block}.alert strong{font-size:12px}.alert small{color:var(--muted);margin-top:2px;font-size:11px}.chip{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;background:#edf2f0;color:#52655f}.chip.green{background:var(--mint);color:var(--green)}.chip.amber{background:var(--amber-bg);color:#9a5a0b}.chip.red{background:var(--red-bg);color:var(--red)}.chip.blue{background:#e9f2fb;color:var(--blue)}
.transport-strip{display:flex;gap:8px;align-items:center;margin:8px 0 18px}.transport-step{flex:1;text-align:center;background:#edf4f1;border-radius:8px;padding:9px 4px;font-size:10px;color:var(--green)}.transport-step.pending{color:var(--muted);background:#f3f5f4}.transport-line{height:2px;width:12px;background:#b8cbc4}.people{display:flex}.face{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8c777;border:2px solid #fff;margin-left:-6px;font-size:10px;font-weight:700}
.filters{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.field{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;color:var(--ink);min-width:150px}.field.grow{flex:1}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1ef;font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#fbfcfb}tr:last-child td{border:0}.person-cell{display:flex;align-items:center;gap:10px}.person-photo{width:34px;height:34px;border-radius:10px;background:#dcebe6;display:grid;place-items:center;font-weight:700;color:var(--green)}.person-cell strong,.person-cell small{display:block}.person-cell small{color:var(--muted)}
.empty-page{text-align:center;padding:70px 20px}.empty-icon{width:70px;height:70px;border-radius:22px;background:var(--mint);display:grid;place-items:center;margin:auto;font-size:28px}.empty-page h2{font:700 22px Manrope}.empty-page p{max-width:500px;margin:0 auto 18px;color:var(--muted)}.locked{background:repeating-linear-gradient(135deg,#fff,#fff 9px,#f7faf8 9px,#f7faf8 18px)}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,27,23,.55);z-index:30;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:#fff;border-radius:18px;width:min(640px,100%);max-height:90vh;overflow:auto;padding:26px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:24px}.modal h2{font:800 22px Manrope;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-label{font-size:11px;font-weight:700}.form-label input,.form-label select{display:block;width:100%;margin-top:6px}.form-note{background:var(--mint);padding:11px;border-radius:9px;color:var(--green);font-size:11px}.toast{position:fixed;right:25px;bottom:25px;background:#173f36;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:40;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
.modal.modal-wide{width:min(1240px,96vw);padding:32px 36px}.modal.modal-wide .form-grid{grid-template-columns:repeat(3,1fr);gap:16px 18px}.modal.modal-wide h3{margin:24px 0 12px}.modal.modal-wide .bill-lines{overflow-x:auto}.modal.modal-wide .bill-line{grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.3fr) minmax(85px,.55fr) minmax(80px,.5fr) minmax(110px,.7fr) minmax(90px,.55fr) minmax(90px,.55fr) minmax(100px,.65fr) 32px;padding:10px}.modal.modal-wide .bill-line .field{padding:10px}.modal.modal-wide textarea{min-height:72px}
.theme-intro{color:var(--muted);margin-top:-8px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.theme-card{border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:10px;text-align:left;transition:.18s}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.theme-card.selected{border-color:var(--green)}.theme-preview{height:92px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:25% 75%;margin-bottom:10px;background:var(--preview-bg)}.theme-preview aside{background:var(--preview-side);padding:9px 6px}.theme-preview aside:before,.theme-preview aside:after{content:"";display:block;height:5px;border-radius:4px;background:rgba(255,255,255,.65);margin-bottom:9px}.theme-preview section{padding:9px}.theme-preview section:before{content:"";display:block;width:45%;height:7px;border-radius:5px;background:var(--preview-ink);margin-bottom:10px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preview-cards i{display:block;height:27px;border-radius:6px;background:#fff;box-shadow:0 4px 10px rgba(30,40,50,.08)}.preview-cards i:first-child{background:var(--preview-accent)}.theme-card strong,.theme-card small{display:block}.theme-card small{color:var(--muted);margin-top:2px}.theme-check{float:right;background:var(--green);color:#fff;border-radius:50%;width:20px;height:20px;text-align:center;display:none}.theme-card.selected .theme-check{display:block}
.dashboard-calendar-notifications{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.dashboard-calendar-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.dashboard-calendar-heading small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.dashboard-calendar-heading h3{font:750 16px Manrope;margin:3px 0 0}.dashboard-calendar-heading a{color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.dashboard-calendar-content{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr);gap:18px}.dashboard-mini-calendar{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(128,128,128,.025)}.dashboard-calendar-weekdays,.dashboard-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.dashboard-calendar-weekdays{margin-bottom:7px}.dashboard-calendar-weekdays span{text-align:center;color:var(--muted);font-size:9px;font-weight:800}.dashboard-calendar-day{position:relative;min-height:31px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:var(--ink);font-size:10px}.dashboard-calendar-day.empty{visibility:hidden}.dashboard-calendar-day.today{background:var(--green);color:#fff}.dashboard-calendar-day.has-events:not(.today){background:var(--mint);border-color:color-mix(in srgb,var(--green) 20%,transparent);color:var(--green)}.dashboard-calendar-day i{position:absolute;right:2px;top:2px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;display:grid;place-items:center;background:var(--red);color:#fff;font:700 7px Manrope;font-style:normal}.dashboard-calendar-reminders{display:grid;align-content:start;gap:7px}.dashboard-calendar-reminders>strong{font:700 11px Manrope;color:var(--muted);margin-bottom:2px}.dashboard-calendar-event{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.dashboard-calendar-event:hover{border-color:var(--green);background:var(--mint)}.dashboard-calendar-event>i{width:8px;height:28px;border-radius:5px}.dashboard-calendar-event span b,.dashboard-calendar-event span small{display:block}.dashboard-calendar-event span b{font-size:10px}.dashboard-calendar-event span small{margin-top:2px;color:var(--muted);font-size:9px}.dashboard-calendar-event em{font-size:8px;font-style:normal;font-weight:700;color:var(--green);background:var(--mint);padding:4px 6px;border-radius:10px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.search{max-width:260px}}
@media(max-width:860px){.dashboard-calendar-content{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.page{margin-left:0}.menu-button{display:block}.topbar{padding:0 10px;gap:6px}.org-switch{display:none}.search-wrap{min-width:0}.search{max-width:none;padding:8px}.top-actions{gap:4px;flex-shrink:0}.font-size-controls{gap:4px;padding-right:0;border-right:0}.font-size-controls .icon-button,.notification-button{display:block!important;width:34px;height:34px}.top-actions>#themeButton,.top-actions>button[aria-label="Help"]{display:none}main{padding:20px 14px}.page-head{display:block}.actions{margin-top:15px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:22px}.form-grid{grid-template-columns:1fr}}
@media(max-width:760px){[data-theme="coral"] .app-shell{margin:0;border-radius:0;min-height:100vh}[data-theme="coral"] .sidebar{top:0;bottom:0;left:0;border-radius:0}[data-theme="coral"] .page{margin-left:0;min-height:100vh}[data-theme="coral"] main{padding:20px 14px}}
@media(max-width:760px){[data-theme="lavender"] .app-shell{margin:0;border-radius:0;min-height:100vh}[data-theme="lavender"] .sidebar{top:0;bottom:0;left:0;border-radius:0}[data-theme="lavender"] .page{margin-left:0;min-height:100vh}[data-theme="lavender"] main{padding:20px 14px}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.search input::placeholder{color:transparent}.theme-grid{grid-template-columns:1fr}}
.form-span{grid-column:1/-1}.form-label textarea{display:block;width:100%;margin-top:6px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.row-actions{white-space:nowrap}.table-action{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;padding:5px}.danger-text{color:var(--red)}.record-count{display:flex;align-items:center;color:var(--muted);font-size:12px;padding:0 8px}.empty-inline{text-align:center;color:var(--muted);padding:28px}.profile-banner{display:flex;align-items:center;gap:14px;padding:15px;background:var(--mint);border-radius:13px}.profile-banner p{margin:5px 0;color:var(--muted)}.person-photo.large{width:54px;height:54px;font-size:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--muted);font-size:10px;margin-bottom:5px}.timeline{display:grid;gap:9px}.timeline>div{display:flex;gap:9px}.timeline i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:5px}.timeline strong,.timeline small{display:block}.timeline small{color:var(--muted)}.money-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-card{display:flex;align-items:center;gap:12px;background:var(--paper);padding:17px;border:1px solid var(--line);border-radius:var(--radius)}.report-card>div{flex:1}.report-card h3{font:700 13px Manrope;margin:0}.report-card p{font-size:11px;color:var(--muted);margin:3px 0}.report-icon{width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center}.report-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.report-heading h2{margin:4px 0}.report-heading small,.report-footer{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid h2{font:700 15px Manrope}.settings-grid p{color:var(--muted);font-size:12px;min-height:35px}.danger-zone{border-color:#f3caca}.import-label{display:inline-flex;align-items:center}.import-label input{display:none}
.module-tabs{display:flex;gap:5px;background:rgba(128,128,128,.08);padding:5px;border-radius:13px;margin:0 0 16px;overflow:auto}.module-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:700}.module-tabs button.active{background:var(--paper);color:var(--green);box-shadow:0 5px 15px rgba(30,50,45,.08)}.inventory-metrics .metric:last-child strong{font-size:21px}.cell-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.subtable-head{display:flex;justify-content:space-between;align-items:center;margin:5px 0 14px}.subtable-head h2{font:700 18px Manrope;margin:0}.subtable-head p{color:var(--muted);font-size:12px;margin:4px 0}.stock-summary{display:flex;justify-content:space-between;gap:18px;background:var(--mint);padding:15px;border-radius:13px;margin-bottom:17px}.stock-summary>div:last-child{text-align:right}.stock-summary small,.stock-summary strong,.stock-summary span{display:block}.stock-summary small{font-size:9px;color:var(--muted)}.stock-summary strong{font:700 16px Manrope;margin:3px 0}.stock-summary span{color:var(--muted);font-size:11px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.bill-lines{display:grid;gap:8px;margin-bottom:10px}.bill-line{display:grid;grid-template-columns:1.35fr 1.3fr .55fr .55fr .7fr .55fr .55fr .65fr 28px;gap:6px;align-items:center;padding:8px;background:rgba(128,128,128,.06);border-radius:10px}.bill-line .field{min-width:0;width:100%;padding:8px}.line-total{text-align:right;font-size:11px}.line-remove{width:26px;height:26px;border:0;border-radius:7px;background:var(--red-bg);color:var(--red)}.bill-totals,.payment-total{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:16px 4px;font-size:13px}.bill-totals strong,.payment-total strong{font:800 20px Manrope}.checkbox-label{display:flex;align-items:center;gap:8px;padding-top:22px}.allocation-box{display:grid;gap:8px}.allocation-row{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:12px;align-items:center;padding:11px;background:rgba(128,128,128,.07);border-radius:10px;font-size:11px}.allocation-row span strong,.allocation-row span small{display:block}.allocation-row small{color:var(--muted)}.allocation-row label{font-weight:700}.allocation-row input{margin-top:4px;width:100%}.cheque-fields{background:var(--amber-bg);padding:12px;border-radius:11px;margin-top:12px}
@media(max-width:1050px){.report-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.report-grid,.settings-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions .button{flex:1}}
@media(max-width:900px){.bill-line{grid-template-columns:1fr 1fr}.bill-line .line-total{padding:8px}.allocation-row{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}}
@media(max-width:900px){.modal.modal-wide{width:min(96vw,760px);padding:25px}.modal.modal-wide .form-grid{grid-template-columns:1fr 1fr}.modal.modal-wide .bill-line{min-width:1050px}}
@media(max-width:600px){.modal.modal-wide{width:100%;max-height:96vh;padding:22px 16px}.modal.modal-wide .form-grid{grid-template-columns:1fr}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:18px}.login-card{padding:27px}}
@media print{.sidebar,.topbar,.page-head .actions,.row-actions,.report-card,.toast{display:none!important}.page{margin:0!important}.app-shell{margin:0!important}.card,.table-wrap{box-shadow:none!important;border:1px solid #ddd!important}main{padding:0!important}}
.logo-frame{overflow:hidden;background:#f7f5ef!important;border:1px solid rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(35,55,46,.13)!important}.logo-frame img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.06)}.login-brand .brand-mark{width:52px;height:52px;border-radius:15px}
/* Wider navigation and theme-aware slim scrollbar */
@media(min-width:761px){.sidebar{width:300px;padding-left:18px;padding-right:18px}.page{margin-left:300px}[data-theme="coral"] .sidebar,[data-theme="lavender"] .sidebar{width:264px;padding-left:18px;padding-right:18px}[data-theme="coral"] .page,[data-theme="lavender"] .page{margin-left:264px}}
nav{overflow-y:auto;overflow-x:hidden;padding-right:7px;scrollbar-width:thin;scrollbar-color:var(--green) transparent}nav::-webkit-scrollbar{width:5px}nav::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb{background:var(--green);border-radius:12px}nav::-webkit-scrollbar-thumb:hover{background:var(--green-dark)}.nav-item span:first-child{min-width:20px}.nav-item span:last-child{line-height:1.25}
[data-theme="coral"] nav{scrollbar-color:#f05e6b transparent}[data-theme="coral"] nav::-webkit-scrollbar-thumb{background:#f05e6b}[data-theme="sunrise"] nav{scrollbar-color:#7450a3 transparent}[data-theme="sunrise"] nav::-webkit-scrollbar-thumb{background:#7450a3}[data-theme="ocean"] nav{scrollbar-color:#16798b transparent}[data-theme="ocean"] nav::-webkit-scrollbar-thumb{background:#16798b}[data-theme="lavender"] nav{scrollbar-color:#a33bd0 transparent}[data-theme="lavender"] nav::-webkit-scrollbar-thumb{background:linear-gradient(#c94add,#7d36c7)}[data-theme="midnight"] nav{scrollbar-color:#63caa1 transparent}[data-theme="midnight"] nav::-webkit-scrollbar-thumb{background:#63caa1}
/* Inset, theme-aware modal scrolling */
.modal{overflow:hidden;display:flex;flex-direction:column}.modal-close{z-index:3;background:var(--paper);border-radius:50%;width:30px;height:30px;line-height:25px}#modalContent{overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 52px);padding-right:14px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:var(--green) transparent}#modalContent::-webkit-scrollbar{width:6px}#modalContent::-webkit-scrollbar-track{background:color-mix(in srgb,var(--green) 7%,transparent);border-radius:12px;margin:32px 0 8px}#modalContent::-webkit-scrollbar-thumb{background:var(--green);border-radius:12px;border:1px solid transparent;background-clip:padding-box}#modalContent::-webkit-scrollbar-thumb:hover{background:var(--green-dark)}[data-theme="coral"] #modalContent{scrollbar-color:#f05e6b transparent}[data-theme="coral"] #modalContent::-webkit-scrollbar-thumb{background:#f05e6b}[data-theme="sunrise"] #modalContent{scrollbar-color:#7450a3 transparent}[data-theme="sunrise"] #modalContent::-webkit-scrollbar-thumb{background:#7450a3}[data-theme="ocean"] #modalContent{scrollbar-color:#16798b transparent}[data-theme="ocean"] #modalContent::-webkit-scrollbar-thumb{background:#16798b}[data-theme="lavender"] #modalContent{scrollbar-color:#a33bd0 transparent}[data-theme="lavender"] #modalContent::-webkit-scrollbar-thumb{background:linear-gradient(#c94add,#7d36c7)}[data-theme="midnight"] #modalContent{scrollbar-color:#63caa1 transparent}[data-theme="midnight"] #modalContent::-webkit-scrollbar-thumb{background:#63caa1}
.calendar-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.calendar-controls h2{font:800 20px Manrope;margin:0 6px}.calendar-layout{display:grid;grid-template-columns:220px 1fr;gap:15px}.calendar-sidebar,.calendar-main{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.calendar-sidebar{padding:17px;align-self:start}.mini-month{background:var(--mint);padding:14px;border-radius:12px;margin-bottom:18px}.mini-month strong,.mini-month small{display:block}.mini-month small{color:var(--muted);margin-top:4px}.calendar-sidebar h3{font:700 12px Manrope}.calendar-filter{display:flex;align-items:center;gap:8px;padding:7px 2px;font-size:11px}.calendar-filter i{width:9px;height:9px;border-radius:50%}.calendar-filter span{flex:1}.calendar-sidebar>.button{margin-top:12px;width:100%}.calendar-main{overflow:hidden}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row{background:rgba(128,128,128,.05);border-bottom:1px solid var(--line)}.weekday-row span{text-align:center;padding:10px;color:var(--muted);font-size:10px;font-weight:700}.calendar-day{min-height:118px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{opacity:.4;background:rgba(128,128,128,.035)}.calendar-day.today{background:var(--mint)}.day-number{border:0;background:transparent;width:25px;height:25px;border-radius:50%;color:var(--ink);font-size:11px}.today .day-number{background:var(--green);color:#fff}.day-events{display:grid;gap:4px}.event-pill{display:flex;align-items:center;gap:4px;width:100%;border:0;border-left:3px solid var(--event-color);background:color-mix(in srgb,var(--event-color) 12%,var(--paper));color:var(--ink);padding:5px;border-radius:5px;text-align:left;font-size:9px;overflow:hidden}.event-pill i{color:var(--event-color)}.event-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-events{border:0;background:transparent;color:var(--green);font-size:9px;text-align:left}.agenda-list{padding:15px;display:grid;gap:10px}.agenda-event{display:grid;grid-template-columns:48px 4px 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px}.agenda-date{text-align:center}.agenda-date strong,.agenda-date span{display:block}.agenda-date strong{font:800 22px Manrope}.agenda-date span{font-size:9px;color:var(--muted);text-transform:uppercase}.agenda-color{width:4px;height:100%;border-radius:4px}.agenda-event h3{margin:5px 0 2px;font:700 14px Manrope}.agenda-event p{margin:0;color:var(--muted);font-size:11px}.agenda-event>div:last-child{display:flex;gap:8px;align-items:center}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.year-month{min-height:125px;text-align:left;border:1px solid var(--line);background:rgba(128,128,128,.035);color:var(--ink);border-radius:13px;padding:15px}.year-month strong,.year-month span{display:block}.year-month span{font-size:10px;color:var(--muted);margin-top:4px}.year-month i{display:inline-block;width:8px;height:8px;border-radius:50%;margin:25px 4px 0 0}.event-detail-icon{font-size:28px}.category-manager{display:grid;gap:7px}.category-manager>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.category-manager i{width:12px;height:30px;border-radius:5px}.category-manager span{flex:1}.category-manager strong,.category-manager small{display:block}.category-manager small{color:var(--muted)}
@media(max-width:1050px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{display:flex;gap:9px;overflow:auto;align-items:center}.calendar-sidebar h3,.calendar-sidebar .mini-month,.calendar-sidebar>.button{display:none}.calendar-filter{min-width:max-content}.calendar-day{min-height:95px}.year-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.calendar-controls{display:block}.calendar-controls>.actions{margin-bottom:9px}.calendar-controls .calendar-search{width:100%}.weekday-row{display:none}.month-grid{display:block}.calendar-day{min-height:72px;border-right:0}.calendar-day.outside{display:none}.calendar-day:has(.event-pill){min-height:105px}.year-grid{grid-template-columns:1fr}.agenda-event{grid-template-columns:42px 4px 1fr}.agenda-event>div:last-child{grid-column:3}.calendar-main{box-shadow:none}}
.calendar-day{cursor:pointer;transition:background .15s}.calendar-day:hover{background:color-mix(in srgb,var(--green) 7%,var(--paper))}.day-schedule-modal{width:min(1180px,96vw)}.day-schedule-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:3px 0 18px;border-bottom:1px solid var(--line)}.day-schedule-head h2{margin:4px 0!important}.day-schedule-head p{margin:0;color:var(--muted)}.day-schedule-tools{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}.day-filter-buttons{display:flex;gap:5px;overflow-x:auto;padding:2px}.day-filter-buttons button{white-space:nowrap;border:1px solid var(--line);border-radius:18px;padding:7px 10px;background:var(--paper);color:var(--muted);font-size:10px;font-weight:700}.day-filter-buttons button.active{background:var(--green);border-color:var(--green);color:#fff}.all-day-schedules{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--mint);margin-bottom:12px}.all-day-schedules>strong{font-size:11px;color:var(--green);padding:10px}.full-day-timeline{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}.day-hour-row{display:grid;grid-template-columns:78px 1fr;min-height:76px;border-bottom:1px solid var(--line)}.day-hour-row:last-child{border-bottom:0}.day-hour-row>time{padding:12px;color:var(--muted);font-size:10px;text-align:right;border-right:1px solid var(--line)}.day-hour-slot{position:relative;display:grid;gap:6px;align-content:start;padding:6px 8px;min-width:0}.empty-time-add{position:absolute;inset:0;border:0;background:transparent;color:transparent;text-align:left;padding-left:15px;font-size:10px}.day-hour-slot:hover>.empty-time-add{background:color-mix(in srgb,var(--green) 5%,transparent);color:var(--green)}.day-hour-slot:has(.day-schedule-card)>.empty-time-add{inset:auto 8px 5px auto;padding:4px 7px;color:var(--green);background:var(--mint);border-radius:8px;z-index:1}.day-schedule-card{position:relative;z-index:1;display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid color-mix(in srgb,var(--event-color) 30%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--event-color) 8%,var(--paper));color:var(--ink);text-align:left}.day-schedule-card:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--event-color) 16%,transparent);transform:translateY(-1px)}.day-schedule-card>i{width:5px;height:38px;border-radius:4px;background:var(--event-color)}.day-schedule-card strong,.day-schedule-card small,.day-schedule-card em{display:block}.day-schedule-card strong{font-size:12px}.day-schedule-card small,.day-schedule-card em{margin-top:3px;color:var(--muted);font-size:9px}.day-schedule-card em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-schedule-card>span:last-child{text-align:right}.day-schedule-card[hidden]{display:none}
@media(max-width:800px){.day-schedule-head{display:block}.day-schedule-head .actions{margin-top:12px}.day-schedule-tools{display:block}.day-filter-buttons{margin-top:8px}.all-day-schedules{grid-template-columns:1fr}.day-hour-row{grid-template-columns:55px 1fr}.day-schedule-card{grid-template-columns:4px minmax(0,1fr)}.day-schedule-card>span:last-child{grid-column:2;text-align:left}}
.child-list-row{cursor:pointer}.child-list-row:hover td{background:color-mix(in srgb,var(--green) 6%,var(--paper))}.child-list-row:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent);outline-offset:-3px}.child-profile-link{border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.child-profile-header{display:grid;grid-template-columns:92px minmax(320px,1fr) minmax(260px,.7fr);gap:20px;align-items:center;padding:22px;margin-bottom:15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 9%,var(--paper)),var(--paper));box-shadow:var(--shadow)}.child-avatar-large{width:88px;height:88px;display:grid;place-items:center;border-radius:25px;background:var(--mint);color:var(--green);font:800 25px Manrope;border:4px solid color-mix(in srgb,var(--paper) 80%,transparent);box-shadow:0 12px 28px rgba(34,62,53,.12)}.child-profile-identity h2{font:800 25px Manrope;margin:7px 0 3px}.child-profile-identity>p{margin:0;color:var(--muted)}.child-header-facts{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.child-header-facts span{font-size:11px;font-weight:700}.child-header-facts small{display:block;color:var(--muted);font-size:9px;font-weight:500;margin-bottom:3px}.child-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.child-profile-actions .button:first-child{grid-column:1/-1}.child-profile-tabs{display:flex;gap:5px;overflow-x:auto;padding:7px;margin-bottom:16px;border:1px solid var(--line);border-radius:13px;background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--green) transparent}.child-profile-tabs button{white-space:nowrap;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 12px;font-size:10px;font-weight:700}.child-profile-tabs button:hover,.child-profile-tabs button.active{background:var(--mint);color:var(--green)}.child-tab-content{display:grid;gap:15px}.child-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.child-activity-card{grid-column:1/-1}.child-detail-grid{grid-template-columns:repeat(3,1fr)}.child-detail-grid>div{background:color-mix(in srgb,var(--green) 3%,var(--paper))}.profile-note{padding:10px 0;border-bottom:1px solid var(--line)}.profile-note strong,.profile-note small{display:block}.profile-note small{color:var(--muted);font-size:9px}.profile-note p{margin:4px 0 0;font-size:11px}.child-record-section{margin-top:15px}.permission-state{text-align:center;padding:55px}.permission-state .empty-icon{margin-bottom:12px}.empty-page.compact{padding:35px 15px}.empty-page.compact .empty-icon{width:45px;height:45px;border-radius:14px;font-size:18px}.empty-page.compact h2{font-size:16px}.medical-alert-card{border-top:4px solid var(--red)}.education-progress{border-top:4px solid var(--blue)}.progress-track{height:10px;margin-top:16px;border-radius:8px;background:var(--line);overflow:hidden}.progress-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--green),#62c8a0)}.upload-progress{display:block;margin-top:6px;color:var(--green);font-size:10px}.muted{color:var(--muted)}
.secure-document-preview{display:block;max-width:100%;max-height:58vh;margin:15px auto;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
@media(max-width:1050px){.child-profile-header{grid-template-columns:76px 1fr}.child-avatar-large{width:74px;height:74px}.child-profile-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.child-profile-actions .button:first-child{grid-column:auto}.child-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.child-profile-header{grid-template-columns:1fr}.child-avatar-large{margin:auto}.child-profile-identity{text-align:center}.child-profile-identity .actions,.child-header-facts{justify-content:center}.child-profile-actions{grid-template-columns:1fr 1fr}.child-overview-grid{grid-template-columns:1fr}.child-activity-card{grid-column:auto}.child-detail-grid{grid-template-columns:1fr}}
.donation-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.donation-start-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 12%,var(--paper)),var(--paper))}.donation-start-card h2{font:800 22px Manrope;margin:5px 0}.donation-start-card p{margin:0;color:var(--muted)}.donor-filters{display:flex;gap:9px;margin-bottom:14px}.donor-name-link{border:0;background:transparent;color:var(--ink);text-align:left}.donor-name-link strong,.donor-name-link small,td small{display:block}.donor-name-link small,td small{color:var(--muted);margin-top:3px}.donor-profile-hero{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:17px;padding:20px;margin-bottom:15px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--mint),var(--paper));box-shadow:var(--shadow)}.donor-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:var(--green);color:#fff;font:800 21px Manrope}.donor-profile-hero h2{font:800 22px Manrope;margin:6px 0 3px}.donor-profile-hero p{margin:0;color:var(--muted)}.donor-profile-hero>div:last-child{text-align:right}.donor-profile-hero>div:last-child small,.donor-profile-hero>div:last-child strong{display:block}.donor-profile-hero>div:last-child strong{font:800 20px Manrope;color:var(--green);margin-top:5px}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.campaign-grid>article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.campaign-grid h3{font:700 15px Manrope;margin:10px 0 4px}.campaign-grid p,.campaign-grid small{color:var(--muted)}.donation-receipt{padding:28px;background:#fff;color:#23352f;border:1px solid #dce7e2;border-radius:16px}.donation-receipt header{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:3px solid var(--org-primary,#176b55)}.donation-receipt header img{width:70px;height:70px;object-fit:contain;border-radius:12px}.donation-receipt header div{flex:1}.donation-receipt header h2,.donation-receipt header p{margin:0}.donation-receipt header p{color:#6c7b76;margin:4px 0}.donation-receipt header>strong{text-align:right}.receipt-thanks{text-align:center;padding:20px;font:800 18px Manrope;color:var(--org-primary,#176b55)}.receipt-amount-words{text-align:center;padding:15px;background:#eff8f4;border-radius:10px}.donation-receipt footer{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:12px;border-top:1px solid #dce7e2;font-size:11px}
@media(max-width:1000px){.donation-metrics{grid-template-columns:1fr 1fr}.campaign-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.donation-metrics,.campaign-grid{grid-template-columns:1fr}.donor-filters{display:grid}.donation-start-card{display:block}.donation-start-card .button{margin-top:15px}.donor-profile-hero{grid-template-columns:64px 1fr}.donor-profile-hero>div:last-child{grid-column:1/-1;text-align:left}.donation-receipt header{align-items:flex-start;flex-wrap:wrap}.donation-receipt header>strong{text-align:left}.donation-receipt footer{display:grid}}
.pending-allocation-zone{padding:18px;margin-bottom:18px;border:2px dashed color-mix(in srgb,var(--amber) 38%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--amber-bg) 65%,var(--paper))}.pending-child-list{display:flex;gap:9px;flex-wrap:wrap}.house-board{margin-bottom:22px}.house-board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.house-board-head h2{font:800 20px Manrope;margin:4px 0}.house-board-head p{margin:0;color:var(--muted)}.room-board-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}.room-board-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.room-board-card>header{display:flex;justify-content:space-between;gap:12px}.room-board-card h3{font:800 17px Manrope;margin:6px 0 2px}.room-board-card header p{margin:0;color:var(--muted);font-size:11px}.room-capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.room-capacity span{padding:9px;border-radius:10px;background:var(--mint);color:var(--muted);font-size:9px}.room-capacity strong{display:block;color:var(--green);font:800 17px Manrope}.room-caregiver{font-size:11px;color:var(--muted)}.bed-board{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bed-slot{min-height:112px;padding:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--green) 3%,var(--paper));transition:.15s}.bed-slot.available{border-style:dashed}.bed-slot.maintenance,.bed-slot.blocked,.bed-slot.reserved{background:repeating-linear-gradient(135deg,var(--paper),var(--paper) 8px,color-mix(in srgb,var(--amber-bg) 55%,var(--paper)) 8px,color-mix(in srgb,var(--amber-bg) 55%,var(--paper)) 16px)}.bed-slot:has(.room-child-card){border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.bed-slot.available:hover{border-color:var(--green);background:var(--mint)}.bed-label{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px;font-size:10px}.empty-bed{display:grid;place-items:center;min-height:54px;color:var(--muted);font-size:10px}.room-child-card{position:relative;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 6px 16px rgba(35,55,46,.06);cursor:grab}.room-child-card:active{cursor:grabbing}.room-child-card .person-photo{width:34px;height:34px}.room-child-card strong,.room-child-card small{display:block}.room-child-card strong{font-size:10px}.room-child-card small{font-size:8px;color:var(--muted)}.medical-alert-dot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.room-add-child{width:100%;margin-top:10px}.occupancy-calendar-grid{display:grid;gap:8px}.occupancy-room-day{display:grid;grid-template-columns:1fr 100px 100px;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:left}.occupancy-room-day:hover{border-color:var(--green);background:var(--mint)}.occupancy-room-day span strong,.occupancy-room-day span small{display:block}.occupancy-room-day span small{color:var(--muted);margin-top:3px}.medical-warning{background:var(--red-bg);color:var(--red)}.accommodation-allocation{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--mint)}
.bed-management-list{display:grid;gap:8px}.bed-edit-form{display:grid;grid-template-columns:.6fr 1fr 1fr 1.5fr auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--green) 3%,var(--paper))}.bed-edit-form .field{min-width:0}
@media(max-width:1000px){.room-board-grid{grid-template-columns:1fr}}@media(max-width:650px){.bed-board{grid-template-columns:1fr}.room-capacity{grid-template-columns:1fr 1fr 1fr}.occupancy-room-day{grid-template-columns:1fr}.pending-child-list{display:grid}.room-child-card{width:100%}.bed-edit-form{grid-template-columns:1fr 1fr}.bed-edit-form .button{grid-column:1/-1}}
.app-confirm-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(15,28,24,.42);backdrop-filter:blur(7px);animation:confirmFade .15s ease}.app-confirm{width:min(410px,100%);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 28px 75px rgba(16,29,25,.25);text-align:center}.app-confirm .confirm-icon{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 12px;border-radius:50%;background:var(--mint);color:var(--green);font:800 20px Manrope}.app-confirm .confirm-icon.danger{background:var(--red-bg);color:var(--red)}.app-confirm h2{font:800 20px Manrope;margin:0 0 8px}.app-confirm p{color:var(--muted);line-height:1.55;margin:0}.app-confirm .form-actions{justify-content:center}.app-confirm .form-actions .button{min-width:120px}@keyframes confirmFade{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}[data-theme="lavender"] .app-confirm{background:rgba(250,247,255,.92);backdrop-filter:blur(24px)}[data-theme="coral"] .app-confirm{border-radius:24px}
.login-welcome{width:100%;text-align:center!important;color:#111!important;font-weight:700;font-size:12px;margin:12px 0 0!important}.login-welcome:before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px;opacity:.25}.login-welcome:after{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-left:8px;opacity:.25}.login-error:empty{min-height:4px;margin-top:0}.login-card .login-submit{margin-top:7px}
.login-organization{display:grid;justify-items:center;gap:8px;margin:-13px 0 18px;text-align:center}.login-organization img{width:76px;height:76px;object-fit:contain;padding:5px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(35,55,46,.1)}.login-organization strong{font:700 14px Manrope;color:var(--ink)}
.search-wrap{position:relative;margin:auto;max-width:520px;flex:1;min-width:180px}.search-wrap .search{margin:0;max-width:none;width:100%}.global-search-results{position:absolute;left:0;right:0;top:calc(100% + 9px);z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:8px;box-shadow:0 22px 60px rgba(28,45,40,.18);max-height:min(65vh,540px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--green) transparent}.global-search-results[hidden]{display:none}.search-result-head{display:flex;justify-content:space-between;padding:8px 10px 7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.search-result{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--ink);padding:9px 10px;border-radius:10px;text-align:left}.search-result:hover,.search-result.active{background:var(--mint)}.search-result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green);font-weight:700}.search-result strong,.search-result small{display:block}.search-result strong{font-size:12px}.search-result small{margin-top:2px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.search-result-type{font-size:9px;padding:4px 7px;border-radius:12px;background:rgba(128,128,128,.09);color:var(--muted)}.search-empty{padding:25px 15px;text-align:center;color:var(--muted)}.search-all{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--green);padding:10px;font-weight:700;font-size:11px}.search-highlight{color:var(--green)}[data-theme="lavender"] .global-search-results{background:rgba(250,247,255,.94);backdrop-filter:blur(22px)}[data-theme="coral"] .global-search-results{border-radius:18px}
.metric-clickable{position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-clickable:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(34,55,48,.14);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.metric-clickable:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 35%,transparent);outline-offset:3px}.metric-arrow{position:absolute;right:18px;bottom:15px;color:var(--green);font-size:17px;opacity:0;transform:translateX(-5px);transition:.18s}.metric-clickable:hover .metric-arrow,.metric-clickable:focus-visible .metric-arrow{opacity:1;transform:none}[data-theme="coral"] .metric-clickable:first-child .metric-arrow{color:#fff}
.back-button{font-size:20px;font-weight:700;color:var(--green);transition:transform .16s,background .16s}.back-button:hover{transform:translateX(-3px);background:var(--mint)}[data-theme="coral"] .back-button{color:#f05e6b}[data-theme="lavender"] .back-button{color:#a33bd0}[data-theme="midnight"] .back-button{color:#63caa1}
.dashboard-action{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;transition:transform .15s ease,background .15s ease,border-color .15s ease}.dashboard-action:hover{transform:translateX(3px);background:var(--mint);border-color:color-mix(in srgb,var(--green) 24%,var(--line))}.dashboard-action:focus-visible,.dashboard-money-row:focus-visible,.dashboard-calendar-day:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent);outline-offset:2px}.alert-copy{min-width:0}.dashboard-money-row{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.dashboard-money-row:hover{background:var(--mint);padding-left:9px;padding-right:9px;border-radius:8px}.dashboard-calendar-day{background:transparent;font:inherit;cursor:pointer}.dashboard-calendar-day:disabled{cursor:default}.dashboard-calendar-day.has-events:hover{transform:translateY(-2px);box-shadow:0 5px 12px color-mix(in srgb,var(--green) 15%,transparent)}.dashboard-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.dashboard-detail-head h2{margin:4px 0}.dashboard-detail-head p{margin:0;color:var(--muted)}.detail-count{display:inline-flex;white-space:nowrap;background:var(--mint);color:var(--green);border-radius:18px;padding:7px 11px;font-size:11px;font-weight:700}
.profile-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.profile-summary .metric{padding:13px;min-height:105px}.profile-summary .metric strong{font-size:18px}.payroll-net{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:18px;background:var(--mint);border-radius:12px}.payroll-net strong{font:800 24px Manrope;color:var(--green)}.payslip{background:#fff;color:#24342f;padding:28px;border-radius:15px}.payslip header{display:flex;align-items:center;gap:14px;border-bottom:2px solid #e4ebe7;padding-bottom:16px;margin-bottom:16px}.payslip header img{width:58px;height:58px;border-radius:12px;object-fit:cover}.payslip header div{flex:1}.payslip header h2,.payslip header p{margin:0}.payslip header p{color:#6c7b76;margin-top:4px}.payslip table{min-width:0}.payslip td:last-child{text-align:right}.payslip-total td{font-weight:800;font-size:16px;border-top:2px solid #dce6e1}.signature-row{display:flex;justify-content:space-between;gap:40px;margin-top:70px}.signature-row span{width:210px;border-top:1px solid #9eaaa6;text-align:center;padding-top:8px;font-size:11px}
.medical-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.medical-profile-card{display:grid;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow)}.medical-profile-card.critical{border-color:color-mix(in srgb,var(--red) 45%,var(--line));box-shadow:0 12px 35px color-mix(in srgb,var(--red) 10%,transparent)}.medical-profile-card>div:not(.person-cell){padding-top:8px;border-top:1px solid var(--line)}.medical-profile-card small,.medical-profile-card strong{display:block}.medical-profile-card small{color:var(--muted);font-size:9px;margin-bottom:4px}.medical-summary-print{background:var(--paper);padding:5px}.medical-summary-head{display:flex;align-items:center;gap:13px;padding:15px;background:var(--mint);border-radius:14px}.medical-summary-head>div{flex:1}.medical-summary-head h2,.medical-summary-head p{margin:0}.medical-summary-head p{color:var(--muted);margin-top:5px}.medical-timeline{display:grid}.medical-timeline article{display:grid;grid-template-columns:85px 12px 1fr;gap:12px;min-height:95px}.medical-timeline time{font-size:11px;color:var(--muted);padding-top:4px}.medical-timeline i{position:relative;width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:5px}.medical-timeline i:after{content:"";position:absolute;top:12px;bottom:-80px;left:4px;width:2px;background:var(--line)}.medical-timeline article:last-child i:after{display:none}.medical-timeline h4{margin:6px 0 3px;font:700 13px Manrope}.medical-timeline p{margin:0;color:var(--muted);font-size:11px}.medical-timeline small{color:var(--green)}
@media(max-width:900px){.profile-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.profile-summary{grid-template-columns:1fr}.signature-row{display:block}.signature-row span{display:block;margin-top:45px}}
@media(max-width:1050px){.medical-profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.medical-profile-grid{grid-template-columns:1fr}.medical-summary-head{align-items:flex-start;flex-wrap:wrap}}
/* Thick frosted-glass modal frame */
.modal-backdrop{background:rgba(15,28,24,.42);backdrop-filter:blur(13px) saturate(115%)}.modal{border:7px solid rgba(255,255,255,.58);outline:1px solid color-mix(in srgb,var(--green) 20%,rgba(255,255,255,.75));background:color-mix(in srgb,var(--paper) 92%,transparent);background-clip:padding-box;backdrop-filter:blur(26px) saturate(130%);box-shadow:0 0 0 1px rgba(255,255,255,.35),0 30px 85px rgba(20,35,30,.25),inset 0 1px 0 rgba(255,255,255,.9)}[data-theme="coral"] .modal{border-color:rgba(255,255,255,.65);outline-color:rgba(240,94,107,.28);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 30px 85px rgba(98,44,55,.22),0 0 35px rgba(240,94,107,.1),inset 0 1px 0 #fff}[data-theme="lavender"] .modal{border-color:rgba(255,255,255,.48);outline-color:rgba(163,59,208,.25);background:rgba(250,247,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.68),0 32px 90px rgba(72,43,100,.25),0 0 42px rgba(172,75,220,.12),inset 0 1px 0 #fff}[data-theme="ocean"] .modal{outline-color:rgba(22,121,139,.27);box-shadow:0 0 0 1px rgba(255,255,255,.45),0 30px 85px rgba(18,79,91,.24),0 0 34px rgba(22,121,139,.1),inset 0 1px 0 #fff}[data-theme="sunrise"] .modal{outline-color:rgba(116,80,163,.27);box-shadow:0 0 0 1px rgba(255,255,255,.45),0 30px 85px rgba(70,46,98,.24),0 0 34px rgba(116,80,163,.1),inset 0 1px 0 #fff}[data-theme="midnight"] .modal{border-color:rgba(99,202,161,.16);outline-color:rgba(99,202,161,.38);background:rgba(27,51,45,.9);box-shadow:0 0 0 1px rgba(99,202,161,.12),0 32px 90px rgba(0,0,0,.5),0 0 38px rgba(99,202,161,.1),inset 0 1px 0 rgba(255,255,255,.12)}
@media(max-width:760px){.search-wrap{max-width:none}.global-search-results{position:fixed;left:10px;right:10px;top:68px}.search-result small{max-width:190px}}
.login-brand>span:last-child{display:grid;gap:2px}.login-brand small{font:500 11px "DM Sans",sans-serif;color:#c7ddd6}
.organization-hero{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:18px;margin-bottom:16px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--org-primary,#176b55) 22%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--org-primary,#176b55) 10%,var(--paper)),var(--paper));box-shadow:var(--shadow)}
.organization-hero>img{width:76px;height:76px;border-radius:17px;object-fit:cover;background:#fff;border:1px solid var(--line);padding:4px}.organization-hero h2{margin:3px 0 4px;font:800 22px Manrope}.organization-hero p,.organization-hero small{margin:0;color:var(--muted)}
.org-branding-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(440px,1.3fr);gap:16px}.logo-upload-preview{display:grid;place-items:center;min-height:220px;margin:15px 0;padding:20px;border:1px dashed color-mix(in srgb,var(--org-primary,#176b55) 35%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--org-primary,#176b55) 5%,var(--paper))}.logo-upload-preview img{width:160px;height:160px;object-fit:contain;border-radius:20px}.color-field{height:44px;padding:5px;cursor:pointer}.document-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.document-toggle-grid label{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--org-primary,#176b55) 4%,var(--paper));font-size:12px;font-weight:700}.document-toggle-grid input{accent-color:var(--org-primary,#176b55)}
@media(max-width:900px){.org-branding-grid{grid-template-columns:1fr}.document-toggle-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.organization-hero{grid-template-columns:58px 1fr}.organization-hero>img{width:58px;height:58px}.organization-hero>.chip{grid-column:1/-1}.document-toggle-grid{grid-template-columns:1fr}}



/* === IoTIFY THEME === */
[data-theme="iotify"] {
  --ink: #1a1a2e;
  --muted: #7c6f96;
  --line: rgba(45,27,105,0.12);
  --paper: #ffffff;
  --bg: #f4f0fa;
  --green: #7c3aed;
  --green-dark: #5b21b6;
  --mint: #ede9fe;
  --amber: #d89b2b;
  --amber-bg: #fff4dd;
  --red: #e04060;
  --red-bg: #fdebf1;
  --blue: #6d5dc9;
  --shadow: 0 22px 55px rgba(45,27,105,0.10);
}
[data-theme="iotify"] .sidebar { background: #2d1b69; }
[data-theme="iotify"] .brand strong { color: #fff; }
[data-theme="iotify"] .brand span { color: rgba(255,255,255,0.6); }
[data-theme="iotify"] .brand-mark { background: linear-gradient(135deg,#a78bfa,#7c3aed); color: #fff; border-radius: 12px; }
[data-theme="iotify"] .nav-group { color: rgba(255,255,255,0.45); }
[data-theme="iotify"] .nav-item { color: rgba(255,255,255,0.7); padding: 11px 13px; }
[data-theme="iotify"] .nav-item:hover,
[data-theme="iotify"] .nav-item.active { background: rgba(255,255,255,0.12); color: #fff; }
[data-theme="iotify"] .nav-item.active { box-shadow: inset 3px 0 #a78bfa; }
[data-theme="iotify"] .sidebar-foot { border-color: rgba(255,255,255,0.1); }
[data-theme="iotify"] .privacy-note { color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08); border-radius: 11px; }
[data-theme="iotify"] .user-card { color: rgba(255,255,255,0.8); }
[data-theme="iotify"] .avatar { background: linear-gradient(135deg,#a78bfa,#7c3aed); color: #fff; }
[data-theme="iotify"] .page { margin-left: 220px; min-height: calc(100vh - 56px); background: #faf8ff; }
[data-theme="iotify"] .topbar { height: 80px; background: rgba(255,255,255,0.96); border: 0; padding: 0 32px; }
[data-theme="iotify"] .search { background: #fff; border-color: #e8e4f0; box-shadow: 0 8px 25px rgba(45,27,105,0.05); border-radius: 14px; }
[data-theme="iotify"] .icon-button { border: 0; background: #fff; box-shadow: 0 8px 22px rgba(45,27,105,0.06); border-radius: 13px; }
[data-theme="iotify"] main { padding: 25px 32px 34px; }
[data-theme="iotify"] .page-head h1 { font-size: 30px; letter-spacing: -0.04em; }
[data-theme="iotify"] .eyebrow { color: #7c3aed; }
[data-theme="iotify"] .button { background: linear-gradient(135deg,#7c3aed,#a78bfa); box-shadow: 0 9px 22px rgba(124,58,237,0.20); border-radius: 11px; color: #fff; }
[data-theme="iotify"] .button.secondary { background: #fff; color: #2d1b69; box-shadow: none; }
[data-theme="iotify"] .metric,
[data-theme="iotify"] .card,
[data-theme="iotify"] .table-wrap { border: 1px solid #e8e4f0; box-shadow: 0 12px 35px rgba(45,27,105,0.05); border-radius: 18px; }
[data-theme="iotify"] .metric { min-height: 130px; padding: 19px 20px; }
[data-theme="iotify"] .metric:first-child { background: linear-gradient(135deg,#7c3aed,#a78bfa); color: #fff; box-shadow: 0 18px 38px rgba(124,58,237,0.22); }
[data-theme="iotify"] .metric:first-child .metric-head,
[data-theme="iotify"] .metric:first-child small { color: rgba(255,255,255,0.85); }
[data-theme="iotify"] .metric:first-child .metric-icon { background: rgba(255,255,255,0.22); color: #fff; }
[data-theme="iotify"] .metric-icon { background: #ede9fe; color: #7c3aed; border-radius: 12px; }
[data-theme="iotify"] .card { padding: 22px; }
[data-theme="iotify"] .card-title h2 { font-size: 16px; }
[data-theme="iotify"] .alert { border: 1px solid #ede9fe; background: #faf8ff; border-radius: 13px; }
[data-theme="iotify"] .alert-icon { background: #ede9fe; color: #7c3aed; }
[data-theme="iotify"] .transport-step { background: #ede9fe; color: #7c3aed; border-radius: 10px; }
[data-theme="iotify"] .transport-step.pending { background: #f5f3ff; }
[data-theme="iotify"] .chip.green { background: #ede9fe; color: #7c3aed; }
[data-theme="iotify"] .chip.amber { background: #fff3e2; color: #d8882f; }
[data-theme="iotify"] nav { scrollbar-color: #7c3aed transparent; }
[data-theme="iotify"] nav::-webkit-scrollbar-thumb { background: #7c3aed; }
[data-theme="iotify"] #modalContent { scrollbar-color: #7c3aed transparent; }
[data-theme="iotify"] #modalContent::-webkit-scrollbar-thumb { background: #7c3aed; }
[data-theme="iotify"] .login-submit { color: #fff !important; }

/*
 * IoTIFY theme — Mobile responsive overrides
 * Without these, [data-theme="iotify"] .page { margin-left: 220px } overrides
 * the base responsive .page { margin-left: 0px } due to higher CSS specificity.
 */
@media (max-width: 760px) {
  [data-theme="iotify"] .app-shell {
    margin: 0;
    border-radius: 0;
    min-height: 100vh;
  }
  [data-theme="iotify"] .sidebar {
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }
  [data-theme="iotify"] .page {
    margin-left: 0;
    min-height: 100vh;
  }
  [data-theme="iotify"] main {
    padding: 20px 14px;
  }
}