:root{--green:#063b31;--green-2:#0b5748;--gold:#d7b95f;--ink:#17352f;--muted:#667b75;--line:#dce5e1;--bg:#f4f7f5;--white:#fff;--red:#b73535;--amber:#b57310;--blue:#33689c;--shadow:0 16px 45px rgba(16,57,48,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em}small{display:block;color:var(--muted)}.hidden{display:none!important}.eyebrow,.gold-label{font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--green-2)}.muted{color:var(--muted);line-height:1.7}.login-body,.install-body{min-height:100vh;background:var(--green);padding:24px}.login-shell,.install-shell{width:min(1480px,100%);min-height:calc(100vh - 48px);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-hero,.install-brand{padding:62px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 0 60%,rgba(215,185,95,.16),transparent 37%),linear-gradient(145deg,#07483b,#052e27)}.login-hero img,.install-brand img{width:min(430px,80%);height:auto}.login-hero h1,.install-brand h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.7rem);line-height:1.02;max-width:760px;margin:20px 0 24px}.login-hero p,.install-brand p{max-width:620px;font-size:1.12rem;line-height:1.8;color:rgba(255,255,255,.68)}.login-hero small{color:rgba(255,255,255,.46)}.gold-label{color:var(--gold)}.login-panel,.install-card{background:#f7f9f7;display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:min(460px,100%)}.login-card h2,.install-card h2{font-family:Georgia,serif;font-size:2.65rem;margin:10px 0}.mobile-logo{display:none;width:270px;margin:0 auto 36px}.auth-tabs,.subtabs{display:flex;gap:8px;border-radius:14px;background:#eaf0ed;padding:5px;margin:30px 0 24px}.auth-tabs button,.subtabs button{flex:1;border:0;background:transparent;padding:12px 18px;border-radius:10px;font-weight:750;cursor:pointer}.auth-tabs button.active,.subtabs button.active{background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.07);color:var(--green)}.auth-form,.stack{display:grid;gap:17px}.auth-form label,.stack label,.form-grid label{display:grid;gap:7px;font-size:.86rem;font-weight:750}.auth-form input,.stack input,.stack select,.stack textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;outline:none;transition:.2s}.auth-form input:focus,.stack input:focus,.stack select:focus,.stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7caa9d;box-shadow:0 0 0 4px rgba(11,87,72,.08)}.quick-note,.info-card{display:grid;gap:5px;padding:15px 17px;border-radius:13px;background:#eef5f2;color:var(--green);font-size:.87rem}.quick-note span,.info-card p{color:var(--muted);margin:0;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cddbd5;background:#fff;border-radius:11px;padding:10px 16px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#98b3a9}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#032f28}.btn.ghost{background:transparent}.btn.success{background:#e8f6ee;color:#18613e;border-color:#baddc8}.btn.small{padding:7px 11px;font-size:.78rem}.alert{padding:13px 16px;border-radius:12px;margin:14px 0;font-weight:700}.alert.success{background:#e8f6ee;color:#18613e}.alert.error{background:#faeaea;color:#912929}.install-shell{grid-template-columns:.8fr 1.2fr}.install-brand h1{font-size:clamp(2.6rem,4vw,4.7rem)}.install-card{display:block;overflow:auto}.install-card>h2,.install-card>p,.install-card>form,.install-card>.alert,.install-card>.eyebrow{max-width:780px;margin-left:auto;margin-right:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid.compact{margin-top:24px}.form-grid h3,.form-grid .wide{grid-column:1/-1}.form-grid h3{margin:15px 0 0;padding-top:14px;border-top:1px solid var(--line)}.form-grid label small{font-weight:500}.check-label{grid-template-columns:auto 1fr!important;display:flex!important;align-items:center;margin-top:29px}.check-label input{width:auto}.shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#063b31,#032c25);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;justify-content:center;padding:5px 14px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:205px;height:68px;object-fit:contain}.nav{display:grid;gap:5px;padding-top:24px;overflow:auto}.nav-label{font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.38);padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:rgba(255,255,255,.7);font-weight:650;font-size:.91rem}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 var(--gold)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--gold);font-weight:800}.sidebar-user{margin-top:auto;padding:17px 10px 2px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.sidebar-user strong{display:block;font-size:.83rem}.sidebar-user small{color:rgba(255,255,255,.48);font-size:.72rem}.sidebar-user>a{color:rgba(255,255,255,.55)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green);font-weight:900}.main{grid-column:2;min-width:0}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar h1{font-size:1.4rem;margin:4px 0 0}.topbar .eyebrow{font-size:.6rem}.top-user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.86rem;font-weight:700}.online{width:9px;height:9px;background:#28a66b;border-radius:50%;box-shadow:0 0 0 4px #dff5e9}.menu-toggle{display:none;border:0;background:transparent;font-size:1.4rem}.content{padding:30px 34px 55px;max-width:1600px;margin:auto}.hero-banner{background:linear-gradient(110deg,#073d32,#0b5949);color:#fff;border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:22px}.hero-banner span{font-size:.67rem;letter-spacing:.17em;color:var(--gold);font-weight:800}.hero-banner h2{font-family:Georgia,serif;font-size:2.35rem;margin:7px 0}.hero-banner p{color:rgba(255,255,255,.66);margin:0}.date-chip{padding:10px 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.08);font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-top:3px solid #8aa39b;border-radius:16px;box-shadow:0 8px 25px rgba(16,57,48,.05)}.metric.amber{border-top-color:#d89b2c}.metric.green{border-top-color:#40a66f}.metric.red{border-top-color:#d25b5b}.metric.blue{border-top-color:#6593c1}.metric>span{color:var(--muted);font-size:.78rem;font-weight:750}.metric strong{display:block;font-size:2rem;margin:8px 0 5px}.metric small{font-size:.72rem}.split-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow);margin-bottom:20px}.panel-head,.section-intro,.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h3,.section-intro h2,.detail-head h2{margin:5px 0;font-size:1.45rem}.text-link{color:var(--green-2);font-size:.83rem;font-weight:800}.list{display:grid}.list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #edf1ef}.list-row strong{display:block;font-size:.9rem}.list-row small{margin-top:4px}.badge{display:inline-flex;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:850;background:#eef2f0;color:#556b65}.badge.success{background:#e6f6ed;color:#1b6b44}.badge.warning{background:#fff1d7;color:#925d0b}.badge.info{background:#e7f0fb;color:#315f8c}.badge.danger{background:#fae4e4;color:#a12e2e}.badge.neutral{background:#edf1ef;color:#5e716c}.accent-panel{background:#f0f6f3}.quick-actions{display:grid;gap:9px;margin-top:18px}.quick-actions a{display:flex;justify-content:space-between;background:#fff;padding:15px;border-radius:12px;font-weight:750;font-size:.85rem}.empty{padding:35px 18px;text-align:center;color:var(--muted)}.section-intro{margin-bottom:22px}.section-intro p{color:var(--muted);margin:5px 0;line-height:1.6}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:.78rem;color:var(--muted);margin:0 0 16px}.legend span{display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#a5b1ad}.dot.warning{background:#e3a532}.dot.info{background:#6597ca}.dot.success{background:#43a66f}.rooms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.room-card{min-height:205px;border:1px solid var(--line);border-top:4px solid #a9b6b1;border-radius:15px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 18px rgba(16,57,48,.04)}.room-card.warning{border-top-color:#e3a532}.room-card.info{border-top-color:#6597ca}.room-card.success{border-top-color:#43a66f}.room-card.mine{box-shadow:0 0 0 3px rgba(215,185,95,.3),0 12px 30px rgba(16,57,48,.1)}.room-top{display:flex;align-items:baseline;justify-content:space-between}.room-top span{font-size:.63rem;color:var(--muted);font-weight:800;letter-spacing:.12em}.room-top strong{font-family:Georgia,serif;font-size:2rem}.room-detail{display:grid;gap:4px}.room-actions{margin-top:auto}.locked{margin-top:auto;font-size:.68rem;line-height:1.4}.modal{border:0;padding:0;border-radius:20px;width:min(720px,calc(100% - 28px));box-shadow:0 30px 100px rgba(0,0,0,.27)}.modal::backdrop{background:rgba(4,34,29,.64);backdrop-filter:blur(3px)}.modal-card{padding:26px}.modal-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.modal-head h3{font-size:1.6rem;margin:4px 0}.modal-head button{border:0;background:#eef2f0;width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.subtabs{max-width:420px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;color:var(--muted);font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 13px;border-bottom:1px solid var(--line)}td{padding:14px 13px;border-bottom:1px solid #edf1ef;font-size:.84rem;vertical-align:middle}td strong{display:block}td small{margin-top:4px}.permission-grid{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.permission-grid legend{font-size:.85rem;font-weight:800;padding:0 6px}.permission-grid label{display:flex;align-items:center;gap:8px}.permission-grid input{width:auto}.info-card{margin:18px 0}.detail-head{justify-content:flex-start;align-items:flex-start;margin-bottom:22px}.detail-head>div{margin-left:15px}.detail-head h2{font-size:1.8rem}.detail-head p{color:var(--muted);margin:7px 0}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.description{line-height:1.8;color:#455e57}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0 0}.details div{background:#f5f8f6;border-radius:11px;padding:12px}.details dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.details dd{margin:6px 0 0;font-weight:800}.upload-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:16px;background:#f4f8f6;border-radius:13px;margin:18px 0}.upload-form label{display:grid;gap:6px;font-size:.8rem;font-weight:800}.upload-form small{grid-column:1/-1}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-card{padding:17px;border:1px solid var(--line);border-radius:13px;display:grid;gap:8px}.media-card>div{font-size:1.6rem;color:var(--green)}.media-card strong{font-size:.83rem;word-break:break-word}.coming{min-height:55vh;display:grid;place-items:center;align-content:center;text-align:center}.coming>div{font-size:3rem;color:var(--gold)}.coming h2{font-family:Georgia,serif;font-size:2.4rem;margin:8px}.coming p:last-child{color:var(--muted);max-width:560px}.footer-note{color:var(--muted)}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.rooms-grid{grid-template-columns:repeat(4,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.login-shell,.install-shell{grid-template-columns:1fr}.login-hero,.install-brand{display:none}.login-panel,.install-card{min-height:calc(100vh - 48px);padding:28px}.mobile-logo{display:block}.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{display:block}.menu-toggle{display:block}.topbar{padding:0 20px;justify-content:flex-start;gap:16px}.top-user{margin-left:auto}.content{padding:22px 18px}.split-grid,.detail-grid{grid-template-columns:1fr}.rooms-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.login-body,.install-body{padding:0}.login-shell,.install-shell{min-height:100vh;border-radius:0}.login-panel,.install-card{min-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid h3,.form-grid .wide{grid-column:auto}.hero-banner{align-items:flex-start;gap:20px}.date-chip{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:16px}.metric strong{font-size:1.7rem}.section-intro{display:grid}.section-intro .btn{width:100%}.rooms-grid{grid-template-columns:repeat(2,1fr)}.room-card{min-height:190px}.media-grid{grid-template-columns:1fr}.upload-form{grid-template-columns:1fr}.top-user span:first-child{display:none}.details{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}