:root{color-scheme:light;--ink:#182a30;--muted:#728187;--line:#e2e8e8;--paper:#f5f7f6;--green:#187d64;--dark:#123c35}*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;padding:10px 17px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s}button:hover,.button:hover{background:#f0f5f3}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#126a55}input,select{width:100%;padding:12px 14px;border:1px solid #d7e0dd;border-radius:8px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #187d6415}label{display:block;font-size:13px;font-weight:550;margin:18px 0 7px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.8px;line-height:1.3}h2{font-size:18px}small,.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.4px}.mark{width:35px;height:35px;background:var(--green);border-radius:9px;display:grid;place-items:center;color:white;font-size:21px;line-height:1}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.4px;text-transform:uppercase;color:#8da39a}.error{color:#ad4239;font-size:13px;min-height:22px;margin-top:12px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;padding:18px;gap:18px;background:#fafbf9}.login-story{background:#123d35;color:#f7fbf5;border-radius:18px;min-height:calc(100vh - 36px);padding:38px 46px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-story .brand .mark{background:#b7d3a5;color:#163e35}.story-copy{margin-top:85px;position:relative;z-index:1}.story-copy h1{font-size:clamp(34px,3.2vw,52px);font-weight:550;line-height:1.3;letter-spacing:-1px;margin:16px 0 20px}.story-copy p{font-size:14px;color:#b3c9c0;max-width:370px;line-height:1.9}.story-art{height:260px;position:relative;margin:45px auto 35px;width:340px;max-width:90%;perspective:700px}.art-card{position:absolute;width:170px;height:215px;border-radius:12px;border:1px solid #cde3c340;transform:rotate(-10deg);left:35px;top:16px;background:#a8c598;box-shadow:0 20px 50px #061b1940}.art-card.back{left:145px;top:0;background:#254c43;transform:rotate(12deg)}.art-card.front{background:#e4ecd9;color:#1b4436;left:90px;top:35px;transform:rotate(-3deg);padding:18px;overflow:hidden}.art-card .art-no{font-size:9px;letter-spacing:2px;display:block;border-bottom:1px solid #173e3225;padding-bottom:10px}.art-title{font-size:22px;line-height:1.3;margin-top:15px;font-weight:600}.art-hill{width:200px;height:140px;border-radius:50%;background:#71966e;position:absolute;left:-50px;bottom:-70px;transform:rotate(-25deg)}.art-hill:after{content:'';position:absolute;background:#254e41;width:200px;height:110px;border-radius:50%;left:70px;top:38px}.art-dot{height:32px;width:32px;background:#d9b66c;border-radius:50%;position:absolute;right:20px;bottom:58px}.art-tag{position:absolute;z-index:4;right:-8px;bottom:6px;background:#ffffff13;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:8px;padding:9px 13px;color:#d7e5d8;font-size:11px}.story-footer{margin-top:auto;display:flex;justify-content:space-between;color:#91ada1;font-size:10px;letter-spacing:1.2px}.login-form-side{display:flex;align-items:center;justify-content:center;position:relative;padding:50px}.login-form{width:360px;max-width:100%}.login-form .eyebrow{color:var(--green);margin-bottom:16px}.login-form h1{font-size:30px;margin-bottom:12px}.login-form>p{color:var(--muted);margin-bottom:30px}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:4px;top:4px;padding:8px;border:0;font-size:12px;color:var(--muted)}.login-form .submit{width:100%;margin-top:28px;height:46px}.login-note{border-top:1px solid var(--line);padding-top:23px;margin-top:30px;font-size:12px;color:var(--muted);line-height:1.9}.login-footer{position:absolute;bottom:24px;font-size:11px;color:#9ba7a1}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px;margin-bottom:43px}.nav-label{font-size:10px;color:#9aa7a3;letter-spacing:1.6px;padding:0 14px;margin-bottom:12px}.nav-item{border:0;text-align:left;justify-content:flex-start;width:100%;margin-bottom:5px;padding:11px 14px;font-size:13px;background:transparent}.nav-item.active{background:#eaf3ee;color:var(--green);font-weight:600}.nav-icon{width:19px;display:inline-block;font-size:17px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .info{padding:16px 12px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e9efea;color:#477563;border-radius:50%;font-size:12px}.info strong{font-size:12px;display:block}.info small{font-size:10px}.main{padding:0 42px 40px;min-width:0}.topline{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#389472;margin-right:7px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:36px 0 28px;gap:20px}.page-head h1{font-size:27px;margin-bottom:7px}.page-head p{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{padding:22px 25px;border:1px solid var(--line);border-radius:12px;background:#fff}.stat .stat-label{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:31px;font-weight:550;letter-spacing:-1px;margin:5px 0}.stat small{font-size:11px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.panel-head h2{font-size:15px}.search{width:230px;padding:8px 12px;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-weight:500;color:var(--muted);font-size:11px;background:#fafbf9;padding:12px 23px}td{padding:17px 23px;border-top:1px solid #eef1ef}td strong{font-weight:550;font-size:13px}td .muted{font-size:11px;display:block}.badge{display:inline-block;border-radius:5px;padding:3px 8px;background:#edf5ef;color:#3e7d59;font-size:10px}.badge.off{color:#9b6551;background:#faf0e9}.badge.admin{background:#edf0f6;color:#62718e}.row-actions{display:flex;gap:12px}.row-actions button{padding:0;border:0;background:transparent;color:var(--green);font-size:12px}.row-actions .danger{color:#aa6558}.panel-foot{padding:13px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:24px}.service{padding:22px 24px}.service-line{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:12px;border-bottom:1px solid #f0f3f0}.service-line:last-child{border:0}.hint{padding:14px 18px;background:#eef4ef;color:#647a6c;font-size:11px;border-radius:7px;margin-top:14px}.activity{padding:4px 24px 16px;max-height:270px;overflow:auto}.activity-item{padding:13px 0;border-bottom:1px solid #eef1ef;display:flex;justify-content:space-between;gap:12px;font-size:12px}.activity-item small{font-size:10px;white-space:nowrap}.empty{padding:35px;color:var(--muted);text-align:center}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;width:440px;max-width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 90px #132c3030}dialog::backdrop{background:#132d3640;backdrop-filter:blur(3px)}dialog h2{margin-bottom:5px}dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:12px 22px;border-radius:9px;z-index:5;box-shadow:0 6px 20px #0002}[hidden]{display:none!important}@media(max-width:1050px){.main{padding:0 24px 28px}.sidebar{padding:25px 12px}.shell{grid-template-columns:185px 1fr}.bottom-grid{grid-template-columns:1fr}.story-copy{margin-top:50px}.login-story{padding:30px}.login-form-side{padding:30px}.story-art{transform:scale(.9);transform-origin:center}}@media(max-width:720px){.login{grid-template-columns:1fr;padding:0;gap:0}.login-story{min-height:0;border-radius:0;padding:25px}.story-copy{margin-top:25px}.story-copy h1{font-size:28px;margin:10px 0}.story-copy p,.story-art,.story-footer{display:none}.login-form-side{padding:38px 25px 80px}.login-form{width:420px}.shell{display:block}.sidebar{height:auto;position:static;padding:16px;flex-direction:row;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0;font-size:15px;padding:0}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-left:auto}.nav-item{margin:0;width:auto;padding:8px}.nav-icon{display:none}.main{padding:0 16px 30px}.topline{height:55px}.page-head{margin:25px 0}.page-head h1{font-size:24px}.page-head p{font-size:11px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:27px}.stat small{font-size:10px}.panel-head{padding:17px}.search{width:150px}th,td{padding-left:17px;padding-right:17px}.bottom-grid{gap:18px}.button{padding:9px 12px;font-size:12px}}