:root{--navy:#172e38;--navy-deep:#11262f;--green:#176e60;--lime:#d7e6ba;--cream:#f5f6f2;--ink:#233a42;--muted:#718087;--line:#e4e9e4;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.4px;font-weight:600;margin-bottom:10px}h2{font-size:20px;font-weight:600;letter-spacing:-.4px}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);display:block;margin-bottom:13px}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:24px;font-weight:600;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--lime);color:var(--navy);font-family:Georgia,serif;font-style:italic;font-size:38px;border-radius:12px 3px 12px 3px}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;color:#b6c6cb;margin-top:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:var(--navy);color:#b7c7cb;display:flex;flex-direction:column;padding:30px 18px 0;position:fixed;height:100vh;overflow-y:auto}.sidebar .brand{padding:0 12px 27px}.workspace-label{font-size:9px;letter-spacing:1.4px;border-top:1px solid #ffffff13;padding:23px 12px 15px;display:flex;justify-content:space-between}.workspace-label span{font-size:8px;color:var(--lime)}nav{flex:1}.nav-item{display:flex;gap:13px;align-items:center;padding:10px 13px;border-radius:7px;font-size:12px;margin-bottom:3px}.nav-item span{width:16px;font-size:17px;text-align:center;opacity:.8}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.selected{background:#d7e6ba;color:#193e36;font-weight:600}.nav-section{font-size:9px;letter-spacing:1.8px;padding:0 13px;margin:22px 0 8px;color:#7f9aa3}.sidebar-foot{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff18;padding:20px 4px;margin-top:30px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#37515b;color:#fff}.sidebar-foot strong{font-size:11px;color:#eaf0eb;display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis}.sidebar-foot small{font-size:10px;display:block;margin-top:3px}.sidebar-foot form{margin-left:auto}.logout{border:0;background:none;color:#b7c7cb;font-size:22px}.main{margin-left:246px;flex:1;min-width:0}.topbar{height:72px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;background:#fafbf8;color:#738088}.environment{display:flex;align-items:center;gap:7px}.environment i{width:6px;height:6px;border-radius:50%;background:#459273}.divider{padding:0 10px;color:#bcc5c3}.content{max-width:1510px;margin:auto;padding:38px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{margin:0;font-size:13px}.button{border:1px solid var(--green);background:var(--green);color:white;padding:11px 17px;border-radius:6px;font-weight:600;font-size:12px;display:inline-flex;gap:18px;align-items:center;justify-content:center;white-space:nowrap;line-height:1.4}.button:hover{filter:brightness(.95)}.secondary{background:#fff;color:var(--ink);border-color:#dbe3dc}.subtle{background:transparent;border-color:transparent;color:var(--green)}.full{width:100%;justify-content:space-between;margin-top:13px;padding:14px 18px}.welcome-banner{position:relative;overflow:hidden;border-radius:12px;background:#e7eddd;min-height:255px;padding:31px 35px;display:flex;justify-content:space-between;margin-bottom:25px}.welcome-banner h2{font-size:29px;line-height:1.23;font-weight:500;letter-spacing:-.7px;margin-bottom:12px}.welcome-banner p{font-size:12px;color:#6c7e70;margin-bottom:16px}.welcome-banner .eyebrow{font-size:9px}.text-link{color:#285b48;font-size:12px;font-weight:600}.text-link span{margin-left:35px}.banner-art{width:270px;align-self:stretch;position:relative;margin-right:30px}.orbit{position:absolute;border:1px solid #c2d1b9;border-radius:50%;width:250px;height:250px;top:-26px;left:25px}.orbit.two{width:170px;height:170px;left:65px;top:14px}.art-book{position:absolute;left:102px;top:25px;width:110px;height:154px;background:#225247;border-radius:14px 3px 3px 14px;transform:rotate(13deg);box-shadow:10px 8px 0 #cfdbbf,13px 9px 0 #b3c9aa;color:#e2edcd;font:italic 88px Georgia,serif;text-align:center;border-left:5px solid #143c34}.art-book span{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:4px;margin-top:-8px}.art-dot{position:absolute;left:18px;top:152px;width:26px;height:26px;background:#b7c990;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat-card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px 22px}.stat-card>span{font-size:11px;color:#687a80;display:flex;justify-content:space-between}.stat-card b{font-weight:400;color:#9ba89d}.stat-card strong{display:block;font-size:35px;letter-spacing:-1px;font-weight:500;margin:9px 0 4px}.stat-card small{color:#94a098;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.card-head h2{font-size:16px;margin:0}.tag{font-size:8px;letter-spacing:1px;color:#80918b}.step{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #edf0eb}.step:last-child{border:0;padding-bottom:0}.step-number{font-size:11px;background:#f2f5ed;color:#78856c;border-radius:6px;padding:9px}.step strong{font-size:12px;font-weight:600}.step p{font-size:11px;color:#8c989b;margin:4px 0 0}.step>b{margin-left:auto;font-weight:400;color:#8a9d92}.migration-card{background:#f0f2ea;padding:29px}.migration-card h2{font-size:24px;line-height:1.3}.migration-card p{font-size:12px;color:#78867c;max-width:360px}.migration-card .button{font-size:11px}.page-footer{display:flex;justify-content:space-between;padding-top:30px;font-size:10px;color:#9aa59e}.alert{padding:15px 20px;border:1px solid #d9dfcc;background:#f0f3e8;border-radius:7px;margin-bottom:20px;line-height:1.6;font-size:13px}.alert.error{border-color:#edd2ca;background:#fff2ed;color:#9a3d27}.alert.success{border-color:#c7dfd5;background:#eef8f1;color:#26614b}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:20px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.search-form{display:flex;gap:10px;width:min(460px,100%)}input,select,textarea{border:1px solid #dbe2dc;border-radius:6px;padding:11px 12px;background:white;color:var(--ink);width:100%;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #8aafa3;border-color:#57897c}label{display:block;font-size:12px;font-weight:600}label input,label select,label textarea{display:block;margin-top:8px;font-weight:400}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;background:#f9faf6;color:#7c8b82;font-weight:600;padding:15px 22px;white-space:nowrap}td{padding:17px 22px;border-top:1px solid #edf0eb;max-width:380px;overflow-wrap:anywhere}tr:hover td{background:#fcfdf9}.edit-link{font-size:11px;color:var(--green);white-space:nowrap}.status{display:inline-flex;border-radius:20px;padding:5px 10px;font-size:10px;white-space:nowrap}.status.active{color:#36755b;background:#eaf4eb}.status.neutral{color:#727c7a;background:#eef0ed}.pagination{display:flex;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line);font-size:11px;color:#7a8c81}.pagination a{color:var(--green);margin-left:15px}.empty{text-align:center;padding:65px 20px}.empty-icon{font-size:28px;color:#6d8e7a;background:#f1f5ed;width:58px;height:58px;border-radius:15px;display:grid;place-items:center;margin:0 auto 20px}.empty h2{font-size:19px}.empty p{font-size:12px;color:#819085;margin-bottom:25px}.form-card{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:27px 0}.span-two{grid-column:1/-1}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer p{font-size:11px;color:#85948b;margin:0}.prose{max-width:980px;padding:32px}.prose h2{margin-top:20px}.prose h2:first-child{margin-top:0}.prose h3{font-size:16px;margin-top:28px}.prose p,.prose li{color:#697e76;line-height:1.9;font-size:13px}.prose li{margin-bottom:16px;padding-left:8px}.hint{font-size:11px!important;color:#89968e;line-height:1.7}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--navy);color:#fff;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story h1{font-size:49px;line-height:1.14;font-weight:400;letter-spacing:-1.5px}.auth-story p{color:#b3c5c7;font-size:14px;max-width:340px}.auth-story .eyebrow{color:#bfd19e;margin-bottom:25px}.auth-story .small{color:#94aaaf}.story-line{width:65px;height:3px;background:#bbce98;margin:30px 0}.auth-panel{display:grid;place-items:center;padding:40px}.auth-box{width:100%;max-width:370px}.auth-box h2{font-size:30px;margin-bottom:12px}.auth-box>p{font-size:13px;margin-bottom:27px}.auth-box label{margin-bottom:19px}.auth-foot{font-size:10px!important;text-align:center;color:#93a095;margin-top:32px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.welcome-banner{min-height:280px}.content{padding-top:45px}}@media(max-width:1100px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:28px 25px}.topbar{padding:0 25px}.stats{gap:10px}.stat-card{padding:18px 15px}.banner-art{margin:0;width:210px}.dashboard-grid{grid-template-columns:1fr}.auth-story{padding:45px 35px}.auth-story h1{font-size:38px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:20px}.sidebar .brand{padding:0 0 15px}.workspace-label,.nav-section,.sidebar-foot{display:none}nav{display:flex;flex-wrap:wrap;gap:3px}.nav-item{font-size:11px;padding:8px}.nav-item span{display:none}.main{margin:0}.topbar{height:50px;font-size:9px;padding:0 20px}.content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}h1{font-size:29px}.welcome-banner{padding:25px;min-height:235px}.welcome-banner h2{font-size:25px}.banner-art{display:none}.stats{grid-template-columns:1fr 1fr}.table-toolbar{flex-direction:column}.table-toolbar>a{align-self:flex-start}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.form-footer{align-items:flex-start;flex-direction:column}.pagination{gap:15px;flex-wrap:wrap}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:auto;padding:25px}.auth-story>div,.auth-story>.small{display:none}.auth-panel{padding:40px 25px}.page-footer{gap:10px}.sidebar-foot{display:flex;margin-top:10px;padding:10px 0 0}.sidebar-foot small{display:none}.sidebar-foot strong{max-width:none}.sidebar-foot .avatar{width:26px;height:26px}.prose{padding:22px}}
input[type="checkbox"]{width:auto;display:inline-block;margin:0 8px 0 0;vertical-align:middle}