:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#203d47;background:#f3f6f6;font-size:14px;--teal:#087f83;--navy:#102431;--muted:#75858b;--line:#e2e9e9;--orange:#fb9347}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}a{color:var(--teal)}button:disabled{opacity:.5;cursor:not-allowed}.primary,.secondary,.danger{padding:11px 17px;border-radius:8px;font-weight:650}.primary{background:var(--teal);color:white}.primary:hover{background:#066b70}.secondary{background:white;border:1px solid var(--line);color:#36535d}.danger{background:#ffeded;color:#aa3131}.small{padding:7px 10px;font-size:12px}.icon-button{background:transparent;font-size:24px;color:inherit}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);color:#c1d0d3;display:flex;flex-direction:column;padding:25px 17px;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:white;font-size:23px;font-weight:750;letter-spacing:-1px}.brand img{width:37px;height:37px;object-fit:cover;border-radius:9px}.brand small{font-size:9px;color:#fbac66;letter-spacing:1px;margin-left:1px}.workspace{margin:32px 0 25px;padding:12px 10px;background:#1e3641;border:1px solid #30434d;border-radius:8px}.workspace label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#91a6ad}.workspace select{width:100%;color:#f1f5f6;background:transparent;border:0;padding:7px 0 0;font-weight:600}.workspace option{color:#102431}.nav-label{font-size:9px;letter-spacing:2px;color:#708c99;margin:15px 12px 10px}.nav button{width:100%;text-align:left;color:#b4c7cd;background:transparent;padding:11px 12px;margin-bottom:4px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:12px}.nav button.active{background:#17474d;color:#75e2d3}.nav button:hover{background:#213d48}.nav .glyph{font-size:16px;width:19px;text-align:center}.nav .count{margin-left:auto;font-size:10px;background:#29434e;border-radius:5px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding:14px 8px 0;border-top:1px solid #2b424c}.avatar{width:31px;height:31px;border-radius:50%;background:#d1ebe6;display:inline-flex;align-items:center;justify-content:center;color:#12615e;font-size:11px;font-weight:700;flex-shrink:0}.profile{display:flex;align-items:center;gap:9px}.profile strong{font-size:11px;color:#e7eeee;display:block}.profile small{font-size:10px;color:#91a5ad}.app{margin-left:232px}.topbar{height:73px;display:flex;align-items:center;gap:22px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px}.breadcrumb{font-size:11px;color:#84969e;white-space:nowrap}.breadcrumb strong{color:#354f5a;margin-left:8px;font-weight:550}.search{margin-left:auto;display:flex;align-items:center;border:1px solid #e3eaea;border-radius:7px;background:#f9fbfb;padding:8px 10px;width:260px;color:#93a1a6;gap:8px}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:11px;outline:0}.topbar .avatar{background:#f9e9d7;color:#8b612e}.content{padding:29px 34px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}h1{font-size:26px;letter-spacing:-.8px;margin:0 0 6px;color:#183540}h2{font-size:16px;letter-spacing:-.3px;margin:0}h3{font-size:13px;margin:0}p{line-height:1.6}.page-heading p{font-size:12px;margin:0;color:#839299}.row{display:flex;align-items:center;gap:10px}.hero{background:#102735;border-radius:12px;min-height:200px;position:relative;overflow:hidden;display:flex;align-items:center;padding:28px 30px;color:#fff}.hero-copy{width:54%;z-index:1}.hero h2{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:12px 0}.hero p{font-size:11px;color:#adc7ce;max-width:320px;margin:0 0 18px}.hero .eyebrow{color:#7dd9cf}.hero img{position:absolute;right:0;height:100%;width:54%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,black 20%)}.hero button{font-size:11px;padding:9px 13px;background:#d8f4ed;color:#135a59;border-radius:6px;font-weight:650}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:21px 0}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 19px}.stat .label{font-size:11px;color:#7a8c92;display:flex;justify-content:space-between}.stat strong{font-size:29px;letter-spacing:-1px;display:block;margin:10px 0 4px;color:#203d47}.stat small{font-size:10px;color:#7a8e94}.stat .accent{color:var(--teal)}.grid-two{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:20px;overflow:hidden}.panel-head{padding:20px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f3f3}.text-button{color:var(--teal);background:transparent;font-size:11px;font-weight:650}.project-row{padding:17px 21px;border-bottom:1px solid #eef2f2;display:flex;align-items:center;gap:13px;cursor:pointer}.project-row:hover{background:#f7fbfa}.project-icon{height:37px;width:37px;display:flex;align-items:center;justify-content:center;background:#e8f4f0;color:#288579;border-radius:9px;font-weight:750;font-size:15px}.project-row h3{font-size:12px;margin-bottom:5px}.project-row small{font-size:10px;color:#87969b}.project-main{flex:1}.progress{height:5px;background:#edf2f2;border-radius:4px;width:100%;overflow:hidden;margin-top:10px}.progress span{display:block;background:#21a39b;height:100%}.badge{display:inline-block;padding:4px 8px;font-size:9px;border-radius:5px;background:#edf2f4;color:#657b85;white-space:nowrap;font-weight:650}.badge.green{background:#e6f5ef;color:#27846b}.badge.orange{background:#fff1e5;color:#b67b2d}.badge.red{background:#fdebec;color:#b5575b}.badge.blue{background:#eaf1fd;color:#4d77b1}.activity{padding:17px 21px;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #f0f4f4}.activity .dot{width:8px;height:8px;background:#1a9e95;border-radius:50%;margin-top:6px;flex-shrink:0}.activity p{font-size:11px;margin:0}.activity small{font-size:10px;color:#8b9ba0}.quality{padding:24px;display:flex;align-items:center;gap:22px}.ring{width:103px;height:103px;flex-shrink:0;border-radius:50%;background:conic-gradient(#229c91 0deg,#eaf3ef 0deg);display:flex;align-items:center;justify-content:center}.ring-inner{background:white;border-radius:50%;width:79px;height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:24px}.ring small{font-size:9px;color:#8b9a9f}.quality ul{list-style:none;padding:0;margin:0;width:100%}.quality li{display:flex;justify-content:space-between;font-size:10px;padding:6px 0;gap:20px}.quality li span{color:#7e9096}.quality-strip{padding:12px 20px;background:#f4faf7;color:#498573;font-size:10px;border-top:1px solid #eaf4ed}.toolbar{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.toolbar select,.toolbar input{background:white;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:#536e78;font-size:11px;max-width:260px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#84969e;font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#fafcfc;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #edf1f1;max-width:400px}td strong{font-size:11px}td small{display:block;color:#8b9b9f;margin-top:5px}tbody tr[data-record]{cursor:pointer}tbody tr:hover{background:#f8fbfa}.empty{padding:40px;text-align:center;color:#8a9ba1;font-size:12px}.board{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:13px;overflow-x:auto;padding-bottom:20px;min-height:350px}.column{background:#eaf0ef;border:1px solid #e1e8e7;border-radius:9px;padding:12px;min-height:300px}.column h3{font-size:11px;margin:3px 0 17px;display:flex;justify-content:space-between}.ticket-card{background:white;border:1px solid #e0e8e6;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;box-shadow:0 2px 3px #163d3610}.ticket-card h3{font-size:12px;line-height:1.5;margin:10px 0}.ticket-card small{font-size:9px;color:#91a09f}.ticket-card .row{justify-content:space-between;margin-top:14px}.ticket-card select{font-size:10px;width:100%;padding:6px;border:1px solid var(--line);border-radius:5px;margin-top:12px;background:#fff;color:#577078}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px}.card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer}.card h3{font-size:16px;margin:14px 0 8px}.card p{font-size:11px;color:#7b9096;min-height:32px}.card .row{justify-content:space-between}.card small{font-size:10px;color:#7d9096}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{padding:12px 18px;background:transparent;color:#7d929a;border-bottom:2px solid transparent;font-size:12px}.tabs button.active{color:var(--teal);border-color:var(--teal)}.notice{background:#eaf5f1;padding:15px 18px;border:1px solid #d5eae3;border-radius:8px;color:#3c756b;font-size:12px;margin-bottom:20px}.warning{background:#fff4e9;color:#936b39;border-color:#f5e3cd}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form{padding:22px}label{display:block;font-size:11px;font-weight:650;margin-bottom:6px;color:#57717a}input,select,textarea{border:1px solid #dae4e5;border-radius:7px;padding:10px 12px;background:#fff;color:#284650;width:100%}textarea{resize:vertical;min-height:90px;line-height:1.6}.field{margin-bottom:17px}.field.check{display:flex;align-items:center;gap:8px}.field.check input{width:auto}.field.check label{margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field.full{grid-column:1/-1}.help{font-size:10px;color:#85979e;margin-top:6px;line-height:1.6}dialog{border:0;border-radius:13px;width:min(650px,94vw);padding:0;color:#2b4852;box-shadow:0 25px 100px #001c3960}dialog::backdrop{background:#10273599;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}#fields{padding:24px 25px 5px;max-height:65vh;overflow-y:auto}.modal-foot{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}#form-error{padding:0 25px;color:#ab4141;font-size:12px;margin:8px 0}#toast{position:fixed;bottom:24px;right:24px;max-width:400px;background:#153b42;color:white;padding:14px 20px;border-radius:9px;box-shadow:0 10px 30px #10243125;display:none;z-index:100;font-size:12px}.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}.auth-art{background:#0b2033;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:45px;color:white}.auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.auth-art .brand,.auth-caption{z-index:1;position:relative}.auth-caption{background:linear-gradient(transparent,#0c2136 30%);padding-top:50px}.auth-caption h1{color:white;font-size:38px;max-width:430px}.auth-caption p{color:#bdd5df;font-size:13px;max-width:380px}.auth-content{display:flex;align-items:center;justify-content:center;padding:45px}.auth-box{max-width:365px;width:100%}.auth-box h1{font-size:29px}.auth-box>p{color:#8b9ba0;font-size:12px;margin-bottom:30px}.auth-box .primary{width:100%;margin-top:8px}.auth-switch{text-align:center;font-size:11px;margin-top:22px}.auth-footer{font-size:10px;color:#99a7ac;text-align:center;margin-top:45px}.auth-footer button{background:transparent;color:#799097;font-size:10px}.detail{padding:23px;white-space:pre-wrap;font-size:12px;line-height:1.8}.detail h3{margin-bottom:6px}.detail a{word-break:break-all}.comment{padding:14px 0;border-bottom:1px solid var(--line);white-space:pre-wrap}.comment small{color:#91a1a7}.mobile-toggle{display:none;background:transparent;font-size:22px;color:#36525d}.role-list{padding:20px;font-size:12px;line-height:1.8}.role-list dt{font-weight:700;margin-top:10px}.role-list dd{margin:0;color:#82979e}.brand-preview{width:100%;border-radius:8px}.footer{padding-top:15px;font-size:9px;color:#9babad;display:flex;justify-content:space-between;gap:12px}.footer button{font-size:9px;color:#81959c;background:transparent}.trace{padding:20px;display:flex;flex-direction:column;gap:12px}.trace-item{padding:13px;background:#f5f9f8;border-radius:7px;font-size:12px}.trace-item small{color:#7b969b;font-size:10px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.logout{margin-left:auto;color:#8ea8b0;font-size:14px;background:transparent}.full-row{grid-column:1/-1}@media(min-width:1500px){.hero{min-height:240px}.hero-copy{width:50%}}@media(max-width:1100px){.sidebar{width:200px}.app{margin-left:200px}.content{padding:24px}.topbar{padding:0 24px}.grid-two{grid-template-columns:1.2fr 1fr}.quality{padding:18px;gap:15px}.ring{width:86px;height:86px}.ring-inner{width:66px;height:66px}.hero h2{font-size:23px}.hero-copy{width:60%}}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two,.settings-grid{grid-template-columns:1fr}.search{width:190px}.auth{grid-template-columns:1fr}.auth-art{min-height:250px;padding:25px}.auth-art>img{object-position:center 45%}.auth-caption h1{font-size:25px}.auth-caption p{display:none}.auth-caption{padding-top:20px;background:transparent}}@media(max-width:650px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #10243166}.app{margin-left:0}.mobile-toggle{display:block}.topbar{padding:0 15px;gap:12px;height:61px}.breadcrumb{display:none}.search{width:100%;margin:0}.content{padding:21px 15px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .primary{font-size:10px;padding:10px}.hero{padding:24px 20px;min-height:220px}.hero-copy{width:72%}.hero h2{font-size:22px}.hero img{width:65%;opacity:.6}.stat{padding:16px}.stats{gap:10px}.stat strong{font-size:25px}.field-grid{grid-template-columns:1fr}.auth-content{padding:30px 23px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:12px}.footer{flex-wrap:wrap}}

.legal-page{max-width:850px;margin:30px auto;background:white;padding:35px;border:1px solid #e2e9e9;border-radius:12px}.legal-page h1{margin-top:24px}.legal-page h2{margin-top:26px}.legal-page p{font-size:14px;line-height:1.8}@media(max-width:650px){.legal-page{margin:12px;padding:22px}}