:root{color-scheme:light;--bg:#f3f6f5;--surface:#fff;--surface-2:#f8faf9;--text:#12231f;--muted:#6d7f7a;--line:#e2e9e6;--primary:#0a7b6f;--primary-2:#075e56;--primary-soft:#e3f4f0;--nav:#071f1b;--nav-2:#0b2b25;--danger:#c53b47;--danger-soft:#fff0f1;--success:#16805f;--success-soft:#e9f8f1;--warning:#cb7818;--shadow:0 12px 34px rgba(18,43,36,.07);--shadow-lg:0 24px 70px rgba(5,37,30,.15);--radius:18px;--sidebar:260px}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-body{background:radial-gradient(circle at 100% 0,#e4f1ed 0,transparent 28rem),var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--nav),#061713);color:#d7e9e4;padding:24px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;z-index:30;box-shadow:8px 0 30px rgba(3,24,19,.08)}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 10px 22px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#26c6ad,#0a8274);color:#fff;font-weight:900;font-size:1.2rem;box-shadow:0 9px 22px #12a89145}.brand-mark.large{width:54px;height:54px;border-radius:17px;font-size:1.6rem}.brand b{display:block;font-size:1.14rem;letter-spacing:-.02em}.brand small{display:block;color:#8fb2aa;font-size:.73rem;margin-top:2px}.side-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#285048 transparent;display:flex;flex-direction:column;gap:3px;padding:2px}.nav-label{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#668d84;padding:18px 12px 7px}.side-nav a{color:#a9c3bd;display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border-radius:11px;font-weight:600;transition:.18s ease}.side-nav a i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;font-size:1.05rem;color:#78a69c}.side-nav a:hover{color:#fff;background:#ffffff0d;transform:translateX(2px)}.side-nav a.active{background:linear-gradient(90deg,#1b8e7d55,#1b8e7d18);color:#fff;box-shadow:inset 3px 0 #2bd0b5}.side-nav a.active i{color:#50dec7}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff14;padding:17px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#183e36;color:#7fe7d5;font-weight:800}.user-meta{min-width:0;flex:1}.user-meta b,.user-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta b{font-size:.87rem;color:#e7f4f1}.user-meta small{color:#789e95;font-size:.7rem;text-transform:capitalize}.icon-button{width:38px;height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:#87aaa2;cursor:pointer;font-size:1.15rem}.icon-button:hover{background:#ffffff10;color:#fff}.app-shell{margin-left:var(--sidebar);min-height:100vh}.mobile-header{display:none}.container{width:min(100% - 48px,1240px);margin:0 auto;padding:36px 0 100px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 22px}.section-title:not(:first-child){margin-top:34px}.section-title h1,.section-title h2{margin:0;letter-spacing:-.035em}.section-title h1{font-size:1.9rem}.section-title h2{font-size:1.28rem}.section-title p{margin:7px 0 0}.muted{color:var(--muted)}.hero{position:relative;overflow:hidden;border-radius:25px;padding:32px 36px;color:#fff;background:linear-gradient(120deg,#075e56,#0b8f7e 60%,#29a790);box-shadow:0 22px 50px #08766830}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#fff;opacity:.07}.hero:before{width:250px;height:250px;right:-60px;top:-125px}.hero:after{width:150px;height:150px;right:150px;bottom:-110px}.hero span,.hero small{display:block;position:relative;z-index:1;color:#d0f3eb}.hero span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero strong{display:block;position:relative;z-index:1;font-size:clamp(2.25rem,5vw,3.65rem);letter-spacing:-.055em;margin:9px 0}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.stats article,.cards article,.form-card,.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats article{padding:21px;position:relative;overflow:hidden}.stats article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--primary-soft);right:-28px;top:-30px}.stats span,.cards span,.cards small{display:block;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.03em}.stats strong,.cards strong{display:block;font-size:1.38rem;margin-top:8px;letter-spacing:-.035em}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.warning{color:var(--warning)!important}.cards{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin-bottom:24px}.cards article{padding:22px;border-top:4px solid var(--accent,var(--primary));min-height:150px;transition:.2s ease}.cards a article:hover,.cards article:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(18,43,36,.11)}.cards h2{font-size:1.15rem;margin:10px 0}.cards form{display:grid;gap:9px;margin-top:16px}.list{padding:0;overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line);transition:background .15s}.list-row:hover{background:var(--surface-2)}.list-row:last-child{border:0}.list-row>div:first-child{min-width:0}.list-row b{font-weight:750}.list-row small{display:block;color:var(--muted);margin-top:4px;font-size:.78rem}.empty{color:var(--muted);padding:38px 22px;text-align:center}.form-card{padding:25px;margin:0 auto 22px;max-width:760px}.grid>.form-card{width:100%;max-width:none}.form-card h1,.form-card h2{margin:0 0 18px;letter-spacing:-.03em}.form-card h1{font-size:1.65rem}.form-card h2{font-size:1.2rem}.form-card form{display:grid;gap:15px}.form-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}label{display:grid;gap:7px;font-weight:700;font-size:.8rem;color:#3e554f}input,select,textarea{width:100%;min-height:46px;border:1px solid #d6e0dc;border-radius:11px;padding:10px 13px;background:#fbfcfc;color:var(--text);outline:0;transition:.16s ease}input:hover,select:hover,textarea:hover{border-color:#b8cbc5}input:focus,select:focus,textarea:focus{border-color:#24a995;box-shadow:0 0 0 4px #18a78d16;background:#fff}textarea{resize:vertical;line-height:1.5}.check,.segmented label{display:flex;align-items:center}.check input,.segmented input{width:auto;min-height:auto}.segmented{display:flex;gap:7px;padding:5px;background:#f0f4f2;border-radius:13px}.segmented label{flex:1;justify-content:center;padding:10px;border-radius:9px;cursor:pointer}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:10px 17px;font-weight:750;cursor:pointer;box-shadow:0 7px 16px #08766820;transition:.16s ease}.button:hover,button:hover{filter:brightness(1.06);transform:translateY(-1px)}button.link{background:none;color:var(--muted);box-shadow:none}.danger{background:linear-gradient(135deg,#d44b57,#ac2935)!important}.actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.actions form{display:flex;gap:6px}.actions button,.actions .button{min-height:36px;padding:7px 11px;font-size:.75rem}.actions select{min-width:125px;min-height:36px;padding:6px 9px}.filter-bar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.filter-bar input,.filter-bar select,.filter-bar button{min-height:42px}.alert{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:13px;margin:0 0 18px;border:1px solid;transition:.3s}.alert span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900}.alert.success{background:var(--success-soft);border-color:#c9ebdc;color:#116848}.alert.success span{background:#c8eadb}.alert.error{background:var(--danger-soft);border-color:#ffd5d8;color:#a52d38}.alert.error span{background:#ffd4d7}.alert.fade{opacity:.2}.fab{position:fixed;right:26px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:25;min-height:52px;padding:0 18px 0 12px;border-radius:17px;background:linear-gradient(135deg,#13a28f,#087064);color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 15px 34px #075e5650;font-weight:800}.fab span{font-size:1.55rem}.fab b{font-size:.83rem}.category-item{padding:15px 18px;border-bottom:1px solid var(--line)}.category-item summary{cursor:pointer;min-height:40px;display:flex;align-items:center;gap:9px}.category-item form{display:grid;gap:10px;margin-top:15px}.category-dot{width:13px;height:13px;border-radius:50%}progress{width:100%;height:10px;margin:14px 0;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e7efec}progress::-webkit-progress-value{background:linear-gradient(90deg,#22b39d,#0a7b6f);border-radius:10px}pre,code{font-family:"Cascadia Code",Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}pre{background:#0a211c;color:#a8e7db;padding:14px;border-radius:11px;font-size:.78rem}.steps{padding-left:22px}.steps li{padding:8px 0 8px 8px}.mobile-menu{position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f0f5f3;font-size:1.3rem}.mobile-menu nav{position:absolute;right:0;top:50px;width:min(290px,calc(100vw - 30px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;padding:9px;display:grid;z-index:50}.mobile-menu nav a{padding:11px 12px;border-radius:9px;color:var(--text);font-weight:650}.mobile-menu nav a:hover{background:var(--primary-soft);color:var(--primary)}.guest{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;background:#fff}.guest-showcase{position:relative;overflow:hidden;padding:50px clamp(35px,6vw,90px);background:linear-gradient(145deg,#061c17,#0a443a 70%,#0e6e61);color:#fff;display:flex;flex-direction:column}.guest-showcase:before,.guest-showcase:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%}.guest-showcase:before{width:540px;height:540px;right:-250px;bottom:-200px}.guest-showcase:after{width:300px;height:300px;right:-100px;bottom:-80px}.guest-brand{display:flex;align-items:center;gap:14px}.guest-brand b,.guest-brand small{display:block}.guest-brand b{font-size:1.35rem}.guest-brand small{color:#8bc9bd}.guest-copy{margin:auto 0;max-width:570px;position:relative;z-index:1}.eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.16em;color:#5fe1ca}.guest-copy h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.04;letter-spacing:-.055em;margin:18px 0}.guest-copy p{font-size:1.1rem;line-height:1.65;color:#afd4cd;max-width:480px}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.feature-pills span{border:1px solid #ffffff20;background:#ffffff0a;border-radius:99px;padding:9px 13px;color:#c6e5df;font-size:.78rem;font-weight:700}.auth-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(100%,430px)}.auth-card h1{font-size:2rem;letter-spacing:-.045em;margin:0 0 8px}.auth-card>p{margin:0 0 28px}.auth-card form{display:grid;gap:17px}.auth-card button{width:100%;min-height:48px;margin-top:3px}.auth-footer{color:#97a7a3;margin-top:32px}.auth-card .alert{margin:18px 0}@media(max-width:1050px){:root{--sidebar:225px}.stats{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){:root{--sidebar:0}.sidebar{display:none}.app-shell{margin-left:0}.mobile-header{height:66px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.brand.compact{padding:0;color:var(--text)}.brand.compact .brand-mark{width:36px;height:36px}.container{width:min(100% - 28px,680px);padding:24px 0 100px}.stats,.two{grid-template-columns:1fr}.hero{padding:26px 24px;border-radius:21px}.hero strong{font-size:2.35rem}.filter-bar{grid-template-columns:1fr 1fr}.list-row{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:flex-start}.section-title{align-items:flex-start}.fab{width:54px;height:54px;padding:0;justify-content:center;border-radius:17px;right:18px}.fab b{display:none}.guest{display:block;background:linear-gradient(160deg,#061c17 0,#0a443a 27%,#f4f7f6 27.1%)}.guest-showcase{min-height:250px;padding:28px 24px;background:transparent}.guest-copy{margin-top:35px}.guest-copy h2{font-size:2rem;margin:10px 0}.guest-copy p,.feature-pills{display:none}.auth-wrap{padding:30px 22px 45px}.auth-card{background:#fff;padding:25px;border-radius:21px;box-shadow:var(--shadow-lg)}}@media(max-width:480px){.filter-bar{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.section-title{flex-direction:column}.cards{grid-template-columns:1fr}.form-card{padding:20px}.container{width:min(100% - 22px,680px)}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#07120f;--surface:#0d1d19;--surface-2:#112520;--text:#eef9f6;--muted:#91a9a3;--line:#203730;--primary-soft:#12352f;--shadow:0 12px 34px #0003}input,select,textarea{background:#10231e;color:var(--text);border-color:#29423b}input:focus,select:focus,textarea:focus{background:#122a23}.filter-bar,.mobile-header{background:#0d1d19ed}.mobile-menu summary{background:#172b25}.mobile-menu nav{background:#0d1d19}.stats article:after{opacity:.3}.guest{background:#07120f}.auth-card{background:var(--surface)}}
