/* Epoxiral — frosted surfaces, official teal, native system typography. */
:root{--bg:#eef3f6;--paper:rgba(255,255,255,.72);--ink:#123643;--muted:#637b88;--line:rgba(96,136,154,.13);--green:#0580a1;--lime:#dff6fd;--orange:#0580a1;--radius:22px;--teal:#0580a1;--navy:#0b3040;--glass-shadow:0 8px 28px rgba(25,69,92,.045),inset 0 1px 0 rgba(255,255,255,.9)}
html{min-height:100%;scroll-behavior:smooth}body{background:#eef3f6;background-image:radial-gradient(ellipse at 85% 4%,#bde7f075,transparent 38%),radial-gradient(ellipse at 14% 65%,#d1e8f360,transparent 48%);background-attachment:fixed;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;letter-spacing:-.15px}body:before{content:'';position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 65% 80%,#d2eef84d,transparent 50%);z-index:-1}h1,h2,h3,.brand,.number{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif}h1{font-size:33px;font-weight:650;letter-spacing:-1.45px}h2{font-weight:650}button,input,textarea,select{font-family:inherit}svg{stroke-width:1.65}button:focus-visible,a:focus-visible{outline-color:#0580a1}.shell{grid-template-columns:254px minmax(0,1fr)}
.sidebar{top:16px;bottom:16px;left:16px;width:222px;padding:25px 14px 18px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.9);border-radius:25px;backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);color:#365868;box-shadow:0 12px 45px #1d50650a,inset 0 1px 0 #fff;overflow:hidden}
.brand{height:67px;display:flex;align-items:center;justify-content:center;max-width:100%}.brand-logo{display:block;width:176px;height:66px;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(1206%) hue-rotate(157deg) brightness(88%) contrast(101%)}.workspace{margin:23px 2px 28px;border:1px solid #fff;background:linear-gradient(135deg,#ffffffaa,#f0f9f780);border-radius:14px;padding:11px;color:#6b8290;font-size:10px;box-shadow:0 2px 6px #0a445305}.workspace b{color:#2c5363;font-size:11px;font-weight:600}.workspace .square{padding:8px;border-radius:10px;background:#e0f1f7;color:#0580a1}.workspace .square svg{width:17px;height:17px}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.45px;color:#879daa;margin-left:13px;margin-bottom:12px}.nav{gap:6px}.nav a{padding:12px 13px;gap:11px;font-size:12px;color:#59717f;border-radius:12px;min-height:44px;transition:background .2s,color .2s,box-shadow .2s}.nav a svg{width:18px;height:18px}.nav a:hover{background:#fff9;color:#057d9c}.nav a.active{background:linear-gradient(135deg,#ffffffed,#e0f4f9d4);border:1px solid #fff;box-shadow:0 3px 12px #2062760a,inset 0 1px 0 #fff;color:#057e9e;font-weight:600;padding:11px 12px}.nav .count,.nav .active .count{background:#0580a110;color:#0580a1;font-size:9px;min-width:19px;text-align:center;padding:3px 5px}.helpbox{border:1px solid #ffffffbd;background:linear-gradient(130deg,#fff6,#d9edf34d);border-radius:17px;color:#79909e;font-size:10px;line-height:1.8;padding:17px;margin:25px 3px 18px}.helpbox svg{color:#0580a1;width:18px;height:18px}.helpbox b{color:#476877;font-size:11px}.userbox{border-top:1px solid #7ea0b01c;color:#355b6c;padding:17px 4px 0;margin-top:13px;font-size:11px}.userbox small{color:#8397a1;font-size:9px}.avatar{background:linear-gradient(145deg,#e6f5fa,#c7e2ed);color:#407489;border:1px solid #fff;box-shadow:0 2px 6px #4a738110}.userbox .icon-btn{color:#6e939e}
.main{min-height:100vh}.topbar{height:82px;padding:0 38px;background:transparent;border-bottom:1px solid rgba(119,151,167,.1);gap:20px}.breadcrumb{color:#8499a4;font-size:11px;gap:12px}.breadcrumb>b{color:#4b6c7c;font-weight:500}.breadcrumb svg{width:15px;height:15px}.breadcrumb>svg:first-of-type{padding:7px;width:31px;height:31px;background:#ffffff8c;border:1px solid #ffffffed;border-radius:10px;color:#648896}.top-actions{font-size:10px;gap:17px;color:#79909c}.live-status,.demo-pill{padding:7px 11px;background:#ffffff73;border:1px solid #ffffffce;border-radius:20px;font-size:9px;color:#618594;box-shadow:0 2px 6px #54778304}.live-dot{background:#0580a1;box-shadow:0 0 0 3px #0580a111}.content{max-width:1530px;padding:35px 38px 26px}.page-head{margin-bottom:27px;align-items:center}.eyebrow{font-size:9px;font-weight:600;color:#6d95a4;letter-spacing:1.9px;margin-bottom:9px}.subtitle{font-size:12px;color:#8095a0;line-height:1.8;margin-top:8px}.btn{border:1px solid rgba(255,255,255,.96);border-radius:12px;background:rgba(255,255,255,.64);box-shadow:0 2px 5px #184d6305,inset 0 1px 0 #fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:11px;font-weight:550;padding:12px 17px;color:#4b6b7b;transition:background .18s,box-shadow .18s,transform .18s;min-height:43px}.btn svg{width:16px;height:16px}.btn:hover{background:#ffffffe8;box-shadow:0 5px 15px #0b526b0b;transform:translateY(-1px)}.btn.primary{background:linear-gradient(150deg,#1195b6,#0580a1 70%);border-color:#078aaa;color:#fff;box-shadow:0 5px 12px #0580a11e,inset 0 1px 0 #ffffff40}.btn.primary:hover{background:linear-gradient(150deg,#159fbe,#057895);box-shadow:0 7px 18px #0580a12e}.btn.lime{background:linear-gradient(155deg,#1294b4,#057e9e);color:#fff;border-color:#1088a6;box-shadow:0 5px 14px #0580a128,inset 0 1px 0 #fff3}.btn.small{border-radius:9px;font-size:10px}.btn.ghost{box-shadow:none;background:transparent;color:#7193a1}.btn.danger{background:#fff5f1;color:#b06b59;border-color:#f2e5df}.icon-btn{border-radius:9px}.icon-btn:hover{background:#0580a10d}
.hero{padding:36px 38px;min-height:280px;margin-bottom:25px;border:1px solid #fffffff0;border-radius:25px;color:#1b4859;background:linear-gradient(115deg,rgba(255,255,255,.8) 2%,rgba(248,253,255,.64) 45%,rgba(203,234,245,.45) 100%);box-shadow:var(--glass-shadow);isolation:isolate;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden}.hero:before{content:'';position:absolute;width:370px;height:370px;right:-15px;top:-160px;background:radial-gradient(circle,#5ebadf38,transparent 65%);border-radius:50%;z-index:-1}.hero-copy{max-width:61%}.hero .eyebrow{color:#6f9aad;font-size:9px;letter-spacing:1.9px;display:flex;align-items:center;gap:9px}.hero .eyebrow:before{content:'';width:17px;height:1px;background:#58a7be}.hero h2{font-size:35px;line-height:1.19;letter-spacing:-1.65px;font-weight:600;margin:15px 0 15px}.hero h2 span{color:#0580a1}.hero p{color:#7894a1;font-size:11px;max-width:355px;line-height:1.85;margin-bottom:22px}.hero .btn{font-size:10px;padding:11px 15px;min-height:39px}.hero-art{width:43%;right:0;top:0;bottom:0;background:radial-gradient(ellipse at 50% 65%,#89cae138,transparent 68%);overflow:hidden}.floor{right:65px;top:44px;width:210px;height:170px;transform:rotate(-27deg) skew(17deg);border:1px solid #ffffffef;border-radius:22px;background:linear-gradient(140deg,rgba(255,255,255,.86),rgba(190,233,246,.32) 44%,rgba(57,154,187,.34));box-shadow:inset 0 1px 15px #fff8,0 16px 0 -1px #c3e7f2ab,0 17px 0 #ffffffd9,0 31px 0 -1px #afd7e5a3,0 32px 0 #ffffffbf,0 47px 0 -1px #8bbdce9c,0 48px 0 #ffffffa6,14px 66px 45px #23758a27;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floor:before{content:'';position:absolute;inset:13px;border:1px solid #ffffff63;border-radius:15px;background:linear-gradient(110deg,transparent 20%,#fff7 48%,transparent 53%)}.floor:after{content:'';position:absolute;left:38%;top:28%;width:43px;height:43px;border:1px solid #ffffffce;border-radius:12px;background:#ffffff38;box-shadow:inset 0 1px 4px #fff8;transform:rotate(12deg)}.glass-orbit{position:absolute;border:1px solid #fff9;border-radius:50%;width:340px;height:230px;top:13px;right:0;transform:rotate(-28deg)}.orbit-two{width:260px;height:310px;right:50px;top:-20px;border-color:#7bbbd224;transform:rotate(48deg)}.glass-material{position:absolute;right:23px;top:65px;border:1px solid #ffffffde;padding:13px 15px;border-radius:14px;background:linear-gradient(150deg,#ffffffe0,#ffffff73);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 20px #427a9010;color:#6c8e9e;font-size:9px;display:grid;grid-template-columns:7px 1fr;gap:5px 7px;letter-spacing:.1px}.material-dot{width:5px;height:5px;border-radius:50%;background:#0580a1;margin-top:4px}.material-value{grid-column:2;font-size:13px;font-weight:600;color:#2f697f;letter-spacing:-.4px}.art-caption{bottom:30px;right:50px;border:1px solid #fff;background:#ffffff99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#6791a0;font-size:7px;padding:10px 14px;letter-spacing:1px;box-shadow:0 5px 15px #27687d08}.art-caption svg{width:12px;height:12px}
.metrics{gap:15px;margin-bottom:27px}.metric{border:1px solid #ffffffeb;background:linear-gradient(135deg,#ffffffb8,#ffffff70);border-radius:20px;box-shadow:var(--glass-shadow);padding:21px 21px 20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2b6d8410,inset 0 1px 0 #fff}.metric-top{font-size:10px;color:#74909f;margin-bottom:18px}.metric-icon{background:linear-gradient(140deg,#ffffffc9,#dcf0f6ab);border:1px solid #fff;color:#3988a1;border-radius:11px;padding:8px;box-shadow:0 2px 6px #19647c05}.metric-icon svg{width:15px;height:15px}.metric .number{font-size:28px;font-weight:600;letter-spacing:-1.3px;color:#204759;font-variant-numeric:tabular-nums}.metric-foot{font-size:9px;color:#91a5af;margin-top:12px;gap:5px}.metric-foot svg{width:11px;height:11px}.dashboard-grid{gap:22px;grid-template-columns:minmax(0,1fr) 282px}.card{border:1px solid #fffffff2;border-radius:21px;background:rgba(255,255,255,.61);box-shadow:var(--glass-shadow);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.card-head{padding:24px 25px 20px}.card-head h2{font-size:14px;color:#375e70;font-weight:600;letter-spacing:-.4px}.card-head p{font-size:10px;color:#8ca2ad;margin-top:7px}.link-btn{color:#0580a1;font-size:10px}.empty{padding:33px 22px 32px}.empty-icon{background:linear-gradient(145deg,#fff,#e6f4f9);border:1px solid #fff;box-shadow:0 4px 15px #3f829510;border-radius:15px;color:#72a6ba;width:49px;height:49px}.empty h3{color:#507789;font-size:12px;font-weight:550}.empty p{color:#8ba1ad;font-size:10px;line-height:1.85}.empty .btn{font-size:10px;min-height:34px}.section-footer{background:#ffffff38;border-top:1px solid #84a9bd13;color:#8aa6b3;font-size:9px;padding:14px 25px}.system-mini{padding:12px 0;border-color:#7c9fb013;gap:11px}.system-mini b{font-size:10px;color:#597c8b;font-weight:550}.system-mini small{color:#97aab4;font-size:8px}.system-mini svg{color:#9fb8c3}.swatch{border-radius:10px;box-shadow:inset 0 1px 1px #fff8,0 3px 6px #2351690d;width:33px;height:34px;border-color:#ffffffbf}.bottom-note{font-size:8px;color:#9baeb7;padding-top:25px}.table-wrap{background:#ffffff1c}th{background:#e8f2f74d;color:#8ca4b0;font-size:9px;padding:13px 21px}td{border-color:#6c91a312;color:#688797;padding:17px 21px;font-size:11px}td strong{font-size:11px;font-weight:550;color:#426c7f}td small{color:#9aaeb7}.badge{border-radius:7px;background:#e7edf2a8;color:#8097a4;padding:6px 8px;font-size:8px}.badge.sent{background:#e4f2fa;color:#498aa7}.badge.approved{background:#dff4f2;color:#3d958e}.badge.rejected{background:#faede8;color:#b9816e}.tabs{background:#dce8ef6b;border:1px solid #ffffff9c;border-radius:12px;padding:4px}.tabs button{font-size:10px;border-radius:8px;color:#7e9aaa;padding:9px 12px}.tabs button.active{background:#ffffffc9;box-shadow:0 2px 5px #4f73800d;color:#2d819d}.toolbar{margin-bottom:21px}.search svg{color:#8fabb9;top:13px}
input,select,textarea{background:#ffffff87;border:1px solid #94b4c32e;color:#335c70;border-radius:11px;padding:12px 13px;font-size:12px;box-shadow:inset 0 1px 2px #3b6e8003;transition:border .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{background:#ffffffdc;border-color:#0580a178;box-shadow:0 0 0 4px #0580a10b}input::placeholder,textarea::placeholder{color:#a1b2bc}.field label{font-size:10px;font-weight:500;color:#7592a3;letter-spacing:.05px}.field small{color:#94a9b5}.form-grid{gap:20px}.editor-layout{grid-template-columns:minmax(0,1fr) 298px;gap:23px}.editor-sections{gap:22px}.editor-section{padding:26px}.section-title{margin-bottom:23px;gap:11px}.section-title h2{font-size:15px;font-weight:600;color:#3b687c;letter-spacing:-.35px}.section-title p{color:#94aab6;font-size:10px}.section-no{color:#6095a9;background:linear-gradient(140deg,#fff,#e4f3f9);border:1px solid #ffffffed;border-radius:11px;width:31px;height:31px;font-size:10px;font-weight:550;box-shadow:0 2px 6px #44758a05}.section-no svg{width:17px;height:17px}.system-option{background:#ffffff73;border-color:#9ab4c326;border-radius:13px;transition:border .18s,background .18s,box-shadow .18s;padding:13px;min-height:68px}.system-option:hover{background:#ffffffbe}.system-option.selected{border-color:#0580a164;background:linear-gradient(140deg,#ffffffe6,#dff3fa80);box-shadow:inset 0 1px 0 #fff,0 3px 9px #0580a10b}.system-option b{color:#557f92;font-weight:550}.system-option small{color:#97adb8}.system-option .checkmark{border-color:#9dbecb66}.system-option.selected .checkmark{background:#0580a1;border-color:#0580a1;box-shadow:inset 0 0 0 3px #f3fbfd}.system-desc{background:linear-gradient(125deg,#e0f2f766,#ffffff63);border:1px solid #ffffffa6;color:#789eae;border-radius:12px;font-size:11px;padding:16px}.system-desc strong{color:#4f8bA2;font-size:9px}.checkbox-row{background:#ffffff6b;border-color:#b8cfda30;border-radius:11px;color:#8aa4b1;font-size:10px;padding:15px}.checkbox-row input{accent-color:#0580a1}.checkbox-row span:last-child{color:#5c91a7;font-weight:500}.item{background:#ffffff70;border-color:#a8c5d32e;border-radius:13px;padding:17px}.item-head span{color:#87a4b2;font-size:9px}.item-total{color:#94acb8}.item-total strong{color:#0580a1}.item-fields input{border-radius:8px}.catalog-item{border-color:#9fb9c51f;color:#668d9f}.catalog-item small{color:#96adba}.summary{background:#ffffff85;border:1px solid #fff;border-radius:21px;box-shadow:var(--glass-shadow);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.summary-head{background:linear-gradient(135deg,#e1f4fb88,#ffffff77);border-bottom:1px solid #bed5df33;padding:25px}.summary-head .eyebrow{color:#79a1b2;font-size:8px}.summary-head h3{color:#396e83;font-size:16px;font-weight:600;letter-spacing:-.6px}.summary-head p{color:#8cA8b6}.summary-body{padding:23px}.summary-row{font-size:10px;color:#87a1af;line-height:1.7}.summary-row b{color:#527d91;white-space:nowrap}.summary-total{border-color:#b8d1dd5c;font-size:11px;color:#7f9cab}.summary-total strong{font-family:inherit;font-size:27px;color:#0580a1;font-weight:600;letter-spacing:-1.3px}.summary .btn{border-radius:11px;font-size:10px}.internal{background:#e8f2f840;border:1px solid #aecbd950;border-radius:13px;padding:15px;margin-top:23px}.internal-title{font-size:8px;color:#82a4b5;letter-spacing:.9px}.internal .summary-row{font-size:9px}.internal .hint{color:#94acb8}.markup input{padding:9px 11px;border-radius:8px}.markup .btn{font-size:9px;background:#ffffffa6}.note{color:#8eabba;font-size:9px;line-height:1.9;padding:13px 4px}.note svg{color:#7fa5b6}.upload-zone{background:linear-gradient(145deg,#ffffff5e,#e7f4fa44);border-color:#a6c9d97d;border-radius:14px;padding:26px}.upload-zone svg{color:#78a6b9}.upload-zone b{color:#689ab0;font-weight:500}.upload-zone p{color:#9bb2bf}.image-thumb{border-radius:12px;background:#e4f1f6}.comparison label{color:#8aa8b8;font-size:9px}.comparison img{border-radius:12px}.welcome-strip{border:1px solid #ffffffcf;background:#ffffff70;border-radius:13px;color:#7b9cad;padding:14px 17px;font-size:10px}.hint{color:#8ea7b5;line-height:1.9;font-size:10px}.settings-layout .card{margin-bottom:23px}.card-pad{padding:27px}.settings-layout>section>h3{color:#5a8498}.error{color:#b86f5f}
.modal-overlay{background:#173c514f;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);padding:28px}.modal{background:rgba(246,251,254,.94);border:1px solid #ffffffed;border-radius:25px;box-shadow:0 35px 120px #123c5533,inset 0 1px 0 #fff;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.modal-header{border-bottom-color:#bad0dc40;padding:24px 28px}.modal-header h2{color:#3b6c83;font-size:18px;font-weight:600}.modal-body{padding:25px 28px}.modal-footer{background:#ffffff33;border-color:#bad0dc40;padding:19px 28px}.modal p{color:#7b9bab;font-size:12px}.auth-art{background:linear-gradient(145deg,#0b3040,#07556a 70%,#0580a1);border-radius:0 32px 32px 0;padding:60px}.auth-art .brand{justify-content:flex-start;height:75px;max-width:250px}.auth-art .brand-logo{filter:none;width:235px;height:auto}.auth-art h1{font-weight:550;letter-spacing:-2px}.auth-art h1 span{color:#9ee6ff}.auth-art p{color:#91b7c7}.auth-art .floor{background:linear-gradient(140deg,#e9fbff40,#0c95bf30);border-color:#b0e6f173}.auth-main{background:transparent}.auth-form h2{font-size:28px;color:#2b5d72;font-weight:600}.auth-form>p{color:#88a2b1}.auth-footer{color:#99adba}#toast{background:#ffffffed;border:1px solid #fff;color:#3e7890;border-radius:15px;box-shadow:0 10px 35px #1a557b20;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);font-size:11px;padding:15px 23px}.document-preview{background:#d8e7ef7d;border-radius:15px}.doc-page{color:#0b3040}.doc-logo{display:flex;align-items:center}.doc-brand-logo{width:148px;height:56px;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(1206%) hue-rotate(157deg) brightness(88%) contrast(101%)}.doc-header{border-color:#c9e8f2}.doc-header small,.doc-kicker{color:#6295ab}.doc-section h3{border-color:#d8e8f0;color:#3b6c81}.doc-section p{color:#628698}.doc-info span{color:#8eabb9}.doc-page .doc-total{background:#e7f5fa;color:#0580a1}.doc-footer{border-color:#d8e8f0;color:#8aa5b4}.signature div{border-color:#8daebc}.doc-images figcaption{color:#84a5b5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.content{padding:42px 50px}.hero{min-height:310px;padding:40px 45px}.hero h2{font-size:42px}.hero p{font-size:12px}.floor{right:105px;top:45px;width:240px;height:200px}.glass-material{right:55px;top:70px}.art-caption{right:75px}.metric{padding:25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1200px){.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{width:194px;left:14px;top:14px;bottom:14px;padding:22px 12px}.brand-logo{width:159px}.content{padding:30px 27px}.topbar{padding:0 27px}.hero{padding:30px;min-height:260px}.hero h2{font-size:30px}.hero-art{width:40%;opacity:.85}.floor{right:38px;top:50px;width:170px;height:140px;border-radius:18px}.glass-material{right:10px;top:70px;font-size:8px;padding:10px}.art-caption{right:20px;font-size:6px;padding:8px 10px;bottom:32px}.hero-copy{max-width:67%}.metric{padding:17px}.metric .number{font-size:25px}.metric-top{font-size:9px}.metric-icon{padding:6px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 236px;gap:17px}.card-head{padding:22px}.editor-layout{grid-template-columns:minmax(0,1fr) 266px;gap:18px}.editor-section{padding:21px}.summary-head{padding:21px}.summary-body{padding:19px}.summary-total strong{font-size:24px}}
@media(max-width:950px) and (min-width:901px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card:last-child{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-summary{position:static}}
@media(max-width:900px){.shell{grid-template-columns:94px minmax(0,1fr)}.sidebar{width:66px;left:12px;top:12px;bottom:12px;padding:18px 9px;align-items:center;border-radius:22px}.sidebar .brand{width:43px;height:53px;overflow:hidden;justify-content:flex-start}.sidebar .brand-logo{width:148px;max-width:none;height:56px;object-fit:contain;flex-shrink:0;transform:translateX(-6px)}.nav{margin-top:30px;gap:8px}.nav a{padding:12px;border-radius:12px}.nav a.active{padding:11px}.sidebar-bottom .nav{margin-top:0}.userbox{padding-top:18px;margin-top:13px}.avatar{width:31px;height:31px;font-size:10px}.content{padding:28px}.topbar{height:75px;padding:0 28px}.hero{min-height:270px;padding:28px}.hero h2{font-size:30px}.hero-art{opacity:.7}.floor{right:20px;width:165px;height:140px}.glass-material{display:none}.art-caption{right:10px;font-size:5px}.hero-copy{max-width:74%}.hero p{max-width:300px}.metrics{gap:12px}.metric{padding:17px 15px}.metric-top{font-size:9px}.metric-icon{padding:5px}.metric-icon svg{width:13px;height:13px}.metric .number{font-size:23px}.metric-foot{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.summary{display:grid;grid-template-columns:1fr 1.3fr}.summary-head{border-right:1px solid #bfd8e642;border-bottom:0}.auth-art{padding:37px}.auth-art .brand-logo{width:190px}.auth-art h1{font-size:37px}.auth-art .brand{max-width:none}.editor-section{padding:24px}}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{max-width:84%}.hero-art{opacity:.4;width:35%}.floor{right:-30px;top:70px}.art-caption{display:none}.top-actions .date{display:none}}
@media(max-width:620px){.shell{display:block}.sidebar{display:none;left:10px;top:10px;bottom:10px;width:222px;padding:23px 15px;align-items:stretch;background:rgba(245,251,254,.94);box-shadow:10px 0 90px #173c5133}.sidebar.open{display:flex}.sidebar.open .brand{width:100%;height:65px;justify-content:center;overflow:visible}.sidebar.open .brand-logo{width:173px;height:65px;transform:none}.sidebar.open .nav{margin-top:5px}.sidebar.open .nav a{padding:12px}.sidebar.open .nav a.active{padding:11px}.sidebar.open .helpbox{display:block}.sidebar.open .workspace{display:flex}.sidebar.open .userbox{justify-content:flex-start}.sidebar.open .userbox>div:not(.avatar){display:block}.sidebar.open .nav-label{display:block}.topbar{height:68px;padding:0 17px;gap:9px;background:#ffffff24}.breadcrumb{gap:8px;font-size:9px}.breadcrumb>svg:first-of-type{display:none}.breadcrumb>svg{width:12px}.mobile-menu{color:#608a9e;padding:7px;border:1px solid #ffffffc2;background:#ffffff80;border-radius:9px}.top-actions{gap:0}.demo-pill{font-size:8px;padding:6px 8px;max-width:133px;line-height:1.5}.content{padding:25px 17px 22px}.page-head{align-items:flex-start;margin-bottom:24px;gap:10px}.page-head h1{font-size:28px;line-height:1.15;letter-spacing:-1.25px}.page-head .eyebrow{font-size:8px;letter-spacing:1.6px}.subtitle{font-size:10px;line-height:1.8}.page-head>.btn{font-size:9px;padding:10px 11px;min-height:35px;border-radius:10px;gap:5px;margin-top:18px}.page-head>.btn svg{width:13px}.hero{padding:27px 24px;min-height:294px;border-radius:22px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero h2{font-size:30px;line-height:1.16;letter-spacing:-1.4px;margin:17px 0 15px}.hero-copy{max-width:100%}.hero p{font-size:10px;max-width:235px;color:#7c9caa}.hero .btn{font-size:9px;padding:10px 13px;min-height:36px}.hero-art{width:42%;opacity:.3}.floor{right:-74px;top:102px;width:170px;height:150px}.glass-orbit{right:-180px}.metric{padding:17px;border-radius:18px}.metric-top{font-size:9px;margin-bottom:15px}.metric .number{font-size:26px}.metric-icon{padding:6px;border-radius:9px}.metric-foot{font-size:8px;line-height:1.6;margin-top:10px}.metrics{gap:11px;margin-bottom:23px}.card{border-radius:19px}.card-head{padding:21px 20px 17px}.card-head h2{font-size:13px}.card-head p{font-size:9px}.card-head .link-btn{font-size:9px}.empty{padding:29px 22px}.empty p{font-size:10px}.section-footer{padding:13px 20px;font-size:8px;line-height:1.7}.editor-section{padding:21px 19px}.editor-layout{gap:20px}.editor-sections{gap:18px}.section-title{gap:9px}.section-title h2{font-size:14px}.section-title p{font-size:9px;line-height:1.65}.section-title .btn{font-size:8px;padding:8px;min-height:33px;gap:4px}.section-title .btn svg{width:12px}.section-no{width:27px;height:27px;border-radius:9px;font-size:9px}.form-grid{gap:17px}input,textarea,select{padding:12px;font-size:12px;border-radius:10px}.field label{font-size:10px}.system-grid{gap:8px}.system-option{padding:10px 9px;min-height:65px;border-radius:11px}.system-option b{font-size:10px}.system-option small{font-size:7px}.system-option .swatch{width:22px;height:30px;border-radius:7px}.system-desc{font-size:10px}.system-desc strong{font-size:8px}.summary{display:block}.summary-head{border-right:0;border-bottom:1px solid #bfd8e642;padding:22px}.summary-body{padding:22px}.summary-row{font-size:11px}.summary-total strong{font-size:29px}.internal .summary-row{font-size:10px}.summary .btn{min-height:43px;font-size:11px}.button-row .btn{font-size:10px}.page-head .button-row{gap:6px}.page-head .button-row .btn{padding:9px;font-size:9px;min-height:34px}.toolbar .tabs{padding:4px;gap:2px;overflow:auto}.tabs button{padding:8px 9px;font-size:8px}.modal-overlay{padding:12px}.modal{border-radius:22px}.modal-header,.modal-body{padding:21px}.modal-header h2{font-size:17px}.modal-footer{padding:17px;flex-wrap:wrap}.modal-footer .btn{font-size:9px;padding:11px}.card-pad{padding:22px}.welcome-strip{font-size:9px;line-height:1.8}.auth-art{border-radius:0 0 28px 28px;padding:25px;min-height:235px}.auth-art .brand{justify-content:flex-start;height:53px}.auth-art .brand-logo{width:170px;height:auto}.auth-art h1{font-size:31px;letter-spacing:-1.3px;margin-top:25px}.auth-art .eyebrow{font-size:8px}.auth-art p{display:none}.auth-main{padding:35px 25px}.auth-form h2{font-size:27px}.doc-page{padding:24px}.doc-header{gap:12px}.doc-brand-logo{width:112px;height:43px}.doc-header small{font-size:7px;line-height:1.8}.doc-title{font-size:25px!important}.doc-page table{table-layout:fixed}.doc-page td,.doc-page th{font-size:8px;padding:10px 4px;overflow-wrap:anywhere}.doc-page th:first-child,.doc-page td:first-child{width:36%}.doc-info{font-size:10px}.bottom-note{font-size:7px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.btn:hover,.metric:hover{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.card,.metric,.summary,.modal,.hero{background:#f7fcfe}.topbar{background:#f1f7fa}}
@media print{body{background:#fff!important}.doc-page{box-shadow:none;background:#fff;color:#0b3040}.doc-brand-logo{width:148px;height:56px}.doc-header{border-color:#c9e8f2}.doc-page .doc-total{background:#e7f5fa!important}.doc-page table{table-layout:auto}.doc-page td,.doc-page th{font-size:10px;padding:12px 9px}.doc-page th:first-child,.doc-page td:first-child{width:auto}.doc-title{font-size:30px!important}.doc-info{font-size:11px}}
/* Keep small interface text readable over the light glass layers. */
.subtitle,.metric-top,.metric-foot,.card-head p,.empty p,.system-mini small,.bottom-note,.field label,.section-title p,.system-option small,.checkbox-row,.note,.hint,.internal .hint,.summary-row,.summary-head p,.section-footer,.welcome-strip,.catalog-item small,.item-total,td small,.userbox small,.breadcrumb,.demo-pill,.live-status{color:#4f7184}.hero p{color:#537b8e}.workspace,.workspace small,.nav-label,.system-desc,.upload-zone p,.comparison label{color:#55788b}input::placeholder,textarea::placeholder{color:#718b99}.summary-row b{color:#3f697e}.internal-title{color:#537f94}.tabs button{color:#557b8e}.doc-section p{color:#456a7c}.doc-info span,.doc-footer,.doc-images figcaption{color:#547e91}.auth-footer,.auth-form>p{color:#587c90}.auth-art p{color:#b9dbe7}