@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap";*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #bc955b}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #dde6e1;border-radius:8px;outline:none;min-width:0;padding:11px 12px}input::placeholder,textarea::placeholder{color:#a1aaa7}textarea{resize:vertical;min-height:88px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:31px;line-height:1.5}h2{font-size:23px}h3{font-size:16px;font-weight:600}p{line-height:1.9}small{font-size:11px}.primary,.secondary,.danger{white-space:nowrap;border-radius:8px;min-height:43px;padding:11px 18px;font-weight:500}.primary{background:var(--teal);color:#fff;box-shadow:0 4px 10px #0d777415}.secondary{color:#49615f;background:#fff;border:1px solid #dde5e0}.danger{color:#fff;background:#b94742}.text-btn{color:var(--teal);padding:5px 0;font-weight:500}.brand{align-items:center;gap:10px;display:flex}.brandmark{background:var(--teal);color:#e5c494;border-radius:10px 3px;place-items:center;width:42px;height:45px;display:grid}.brand b{color:#183e40;letter-spacing:-1px;font-size:28px;line-height:1}.brand b span{color:var(--gold)}.brand small{letter-spacing:2.1px;color:#728b87;direction:ltr;margin-top:8px;font-size:8px;display:block}.brand img{object-fit:contain;width:45px;height:45px}.brand.large{gap:16px}.brand.large b{font-size:40px}.brand.large .brandmark{width:62px;height:65px}.brand.large small{font-size:10px}.large img{width:64px;height:64px}.eyebrow{letter-spacing:2px;color:#93a39f;direction:ltr;justify-content:flex-end;align-items:center;gap:10px;font-size:9px;font-weight:500;display:flex}.eyebrow span{background:var(--gold);width:23px;height:1px}.sidebar{border-left:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:244px;padding:29px 20px 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.workspace{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;margin-bottom:28px;padding:12px 9px;display:flex}.workspace b{font-size:11px}.workspace small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.workspace-icon{color:#6e8c84;background:#eff4f0;border-radius:6px;place-items:center;width:31px;height:34px;display:grid}.online,.tiny-dot{background:#4f9a7a;border-radius:50%;width:6px;height:6px;display:inline-block}.online{margin-right:auto}.nav-label{color:#a0aaa5;margin:0 14px 10px;font-size:10px}nav{flex-direction:column;gap:6px;margin-bottom:27px;display:flex}nav button{color:#7c8b87;border-radius:7px;justify-content:flex-start;padding:12px 14px;font-size:12px;font-weight:500;position:relative}nav button.active{color:var(--teal);background:#eaf3ee}nav button.active:before{content:"";background:var(--teal);border-radius:3px;width:3px;height:22px;position:absolute;right:-20px}nav button:hover{background:#f3f6f3}nav button small{background:#fff;border-radius:5px;margin-right:auto;padding:1px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{color:#72877a;background:linear-gradient(140deg,#f6f4ed,#eef4ee);border:1px solid #e8ede2;border-radius:10px;margin-bottom:20px;padding:18px 13px}.help-card b{color:#526c5c;font-size:11px;display:block}.help-card small{margin-top:5px;font-size:9px;display:block}.profile{text-align:right;border-top:1px solid var(--line);align-items:center;width:100%;padding:17px 3px 0;display:flex}.profile>span:nth-child(2){flex:1}.profile b{font-size:12px}.profile small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.profile>svg{color:#8b9993}.avatar{color:#8d6e3c;background:#f0e8d9;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-weight:600;display:inline-grid}.app main{min-height:100vh;margin-right:244px}.topbar{border-bottom:1px solid var(--line);background:#ffffffc9;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}.crumb{color:#a1aba7;align-items:center;gap:12px;font-size:11px;display:flex}.crumb b{color:#667f76;font-weight:400}.topbar-end{align-items:center;gap:20px;display:flex}.date{color:#86968e;align-items:center;gap:8px;font-size:10px;display:flex}.header-divider{background:var(--line);width:1px;height:21px}.content{max-width:1600px;margin:auto;padding:30px 37px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading p{color:var(--muted);margin-top:3px;font-size:11px}.heading-actions{gap:10px;display:flex}.heading-actions button{font-size:11px}.hero{color:#fff;background:linear-gradient(270deg,#122d36 0%,#142e36d9 35%,#142e3605 80%),url(/port.png) 50% 53%/cover;border-radius:13px;height:258px;margin-bottom:23px;padding:26px 32px;position:relative;overflow:hidden}.hero-text{z-index:1;position:relative}.hero-kicker{color:#d3c4a9;align-items:center;gap:8px;font-size:10px;display:flex}.hero-kicker>span{background:#c6a063;border-radius:50%;width:5px;height:5px}.hero h2{margin:10px 0 7px;font-size:29px;font-weight:500;line-height:1.5}.hero p{color:#bed0d0;font-size:10px}.hero button{color:#ebcd9c;margin-top:13px;padding:0;font-size:11px}.hero-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eee1c6;background:#19334088;border:1px solid #ffffff30;border-radius:7px;align-items:center;gap:10px;padding:11px 17px;font-size:10px;display:flex;position:absolute;bottom:25px;left:28px}.hero-caption span span{letter-spacing:1.4px;color:#bdc9c8;direction:ltr;margin-top:4px;font-size:7px;display:block}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:19px 20px}.stat>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat span{color:#87988f;font-size:11px}.stat>b{letter-spacing:-.7px;text-align:right;direction:ltr;margin:13px 0 8px;font-size:27px;font-weight:500;line-height:1.3;display:block}.stat small{color:#99a69f;align-items:center;gap:6px;font-size:9px;display:flex}.charts-grid{grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;margin-bottom:23px;padding:22px}.charts-grid>.card{margin-bottom:0}.card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.card-heading p{color:var(--muted);margin-top:4px;font-size:10px}.card-heading>svg{color:#91a297}.tag{color:#8e9c90;white-space:nowrap;background:#f4f6f2;border:1px solid #edf0e8;border-radius:5px;padding:5px 9px;font-size:9px;display:inline-block}.donut{direction:ltr;position:relative}.donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label small{color:#9aa79e;font-size:9px}.donut-label b{margin:3px;font-size:20px;font-weight:500}.donut-layout{grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.legend{flex-direction:column;gap:15px;display:flex}.legend>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.legend span{color:#8b9b91;white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.legend i{border-radius:2px;width:6px;height:6px}.legend b{font-size:10px;font-weight:500}.chart-note{color:#9aaba2;text-align:center;margin-top:0;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}th{color:#9baa9f;background:#f8faf7;border-bottom:1px solid #eaf0e8;padding:13px 12px;font-size:10px;font-weight:400}td{border-bottom:1px solid #eff2ed;padding:16px 12px;font-size:11px}tbody tr:last-child td{border-bottom:0}.item-cell{align-items:center;gap:10px;display:flex}.item-cell b{font-size:11px;font-weight:500}.item-cell small{color:#a0aaa1;margin-top:4px;font-size:9px;display:block}.item-cell small.tag{margin-top:0}.table-icon,.product-swatch{color:#859b8b;background:#f0f4ec;border-radius:7px;flex:none;place-items:center;width:35px;height:37px;display:grid}.product-swatch{color:#b29469;background:linear-gradient(130deg,#eee4d0,#f5eee2);border:1px solid #e6d9bf}.table-link{color:#37584c;direction:ltr;padding:0;font-size:11px;font-weight:600}.amount{font-weight:600}.amount small{color:#9ba69e;font-size:9px;font-weight:400}.status{border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:9px;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:4px;height:4px}.good{color:#5d9874;background:#eaf5ed}.blue{color:#668faf;background:#ecf2f8}.pending{color:#b89558;background:#faf2e3}.row-actions{align-items:center;gap:4px;display:flex}.row-actions button{color:#9aa89e;border-radius:5px;width:27px;height:28px}.row-actions .danger-icon:hover{color:#b65145;background:#fdf0ed}.app-footer{color:#a9b4aa;justify-content:space-between;align-items:center;margin-top:34px;padding:0 3px;font-size:9px;display:flex}.app-footer>span:last-child{align-items:center;gap:6px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px 40px;display:flex}.empty>span{color:#89a393;background:#eff5ef;border:1px solid #e6eee4;border-radius:15px;place-items:center;width:65px;height:65px;margin-bottom:16px;display:grid}.empty h3{font-size:16px}.empty p{color:#9ba99e;margin:7px 0 18px;font-size:11px}.empty button{font-size:11px}.section-banner{color:#fff;background:linear-gradient(270deg,#17373cef 0%,#17373cdb 56%,#17373c33 100%),url(/port.png) 50%/cover;border-radius:11px;justify-content:space-between;align-items:center;min-height:144px;margin-bottom:25px;padding:25px 27px;display:flex;overflow:hidden}.section-banner .eyebrow{color:#d6c59f;letter-spacing:0;direction:rtl;justify-content:flex-start;font-size:10px}.section-banner h2{margin:7px 0;font-size:20px}.section-banner p{color:#c1d0c8;font-size:10px}.mini-bars{direction:ltr;align-items:end;gap:7px;width:130px;height:75px;margin-left:20px;display:flex}.mini-bars i{background:#dbbd87;border-radius:3px 3px 0 0;width:10px;display:block}.toolbar{align-items:center;gap:14px;padding-bottom:22px;display:flex}.search{border:1px solid var(--line);color:#9caaa0;background:#fbfcfa;border-radius:7px;align-items:center;gap:8px;width:min(480px,100%);padding:0 12px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding:11px 0;font-size:11px}.toolbar>select{width:145px;font-size:11px}.muted{color:#9ba99e;font-size:11px}.toolbar>.muted,.toolbar>.tag{margin-right:auto}.pagination{border-top:1px solid var(--line);color:#98a69b;justify-content:space-between;align-items:center;margin-top:10px;padding-top:17px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:12px;display:flex}.pagination button{border:1px solid var(--line);border-radius:5px;width:28px;height:28px}.pagination b{color:var(--teal);font-size:11px;font-weight:500}.footnote{color:#96a69a;margin-top:16px;font-size:10px;line-height:1.8}.branch-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.branch-card h2{font-size:20px}.branch-card>p{color:#9aa79b;margin-top:8px;font-size:11px}.branch-metrics{background:#f7f9f4;border:1px solid #eef1e7;border-radius:8px;grid-template-columns:1fr 1fr;margin:20px 0;padding:15px;display:grid}.branch-metrics small{color:#9da99b;font-size:10px;display:block}.branch-metrics b{margin-top:6px;font-size:22px;font-weight:500;display:block}.branch-card .text-btn{margin-top:20px;font-size:11px}.square-icon{color:#759782;background:#edf4ed;border-radius:10px;place-items:center;width:44px;height:44px;display:inline-grid}.notice{color:#809279;background:#f4f7f1;border:1px solid #e8eee1;border-radius:8px;align-items:flex-start;gap:10px;margin:23px 0;padding:16px;display:flex}.notice svg{flex:none;margin-top:3px}.notice p{font-size:11px}.notice.small{gap:6px;padding:12px}.notice.small p{font-size:9px}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span{color:#829487;font-size:11px}.field.wide{grid-column:1/-1}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.field input,.field select,.field textarea{font-size:12px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#132c3680;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:560px;max-height:94vh;animation:.25s appear;overflow:auto;box-shadow:0 20px 80px #102a3640}.modal-wide{width:1120px}.modal-head{border-bottom:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:center;padding:23px 28px;display:flex;position:sticky;top:0}.modal-head .eyebrow{justify-content:flex-end;font-size:8px}.modal-head h2{margin-top:4px;font-size:23px}.icon-btn{color:#96a391;background:#f4f7f2;border-radius:7px;width:35px;height:35px}.modal-body{padding:27px}.modal-foot{border-top:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:center;padding:17px 28px;display:flex;position:sticky;bottom:0}.modal-foot>div{gap:10px;display:flex}.modal-foot>span{color:#9aa995;align-items:center;gap:6px;font-size:10px;display:flex}.modal-foot button{font-size:12px}.container-editor{grid-template-columns:1fr 290px;align-items:start;gap:26px;display:grid}.form-section{color:#526f5b;align-items:center;gap:9px;margin:6px 0 20px;font-size:14px;display:flex}.section-line{justify-content:space-between;align-items:center;margin:30px 0 15px;display:flex}.section-line .form-section{margin:0}.section-line button{font-size:11px}.line-item{background:#fafbf8;border:1px solid #e9eee3;border-radius:10px;margin-bottom:15px;padding:18px}.line-title{color:#718369;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.line-title button{color:#b19481}.line-total{color:#899b7e;background:#eef4e9;border-radius:7px;grid-column:1/-1;justify-content:space-between;padding:12px;font-size:11px;display:flex}.cost-summary{background:#f7f9f4;border:1px solid #e7eddc;border-radius:12px;padding:20px;position:sticky;top:110px}.cost-summary .eyebrow{color:#a0ad94;font-size:8px}.cost-summary h3{margin-top:7px;font-size:19px}.cost-summary>p{color:#a1ad95;margin-top:4px;font-size:10px}.cost-summary .donut{margin:10px -5px}.cost-row{border-bottom:1px solid #e7eddf;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:11px;display:flex}.cost-row span{color:#8d9e81}.cost-row b{direction:ltr;font-weight:500}.cost-grand{border-bottom:1px solid #dce5d2;flex-direction:column;gap:8px;margin:9px 0;padding:17px 0;display:flex}.cost-grand>span{color:#879a77;font-size:11px}.cost-grand b{color:var(--teal);font-size:28px;font-weight:500}.cost-grand small{font-size:12px}.error{color:#b15143;background:#fff1ee;border:1px solid #f0d4ce;border-radius:7px;margin:15px 0;padding:12px;font-size:12px}.error button{margin-right:10px;font-size:11px;text-decoration:underline}.toast{color:#34815d;z-index:100;background:#fff;border:1px solid #c9e0d3;border-radius:9px;align-items:center;gap:10px;padding:15px 22px;font-size:12px;animation:.25s appear;display:flex;position:fixed;bottom:30px;left:30px;box-shadow:0 5px 25px #122d3612}.confirm-modal{text-align:center;background:#fff;border-radius:15px;width:430px;padding:30px}.delete-circle{color:#bf7059;background:#fcf0ec;border-radius:50%;place-items:center;width:55px;height:55px;margin-bottom:15px;display:inline-grid}.confirm-modal h2{font-size:22px}.confirm-modal p{color:#97a28f;margin:12px 0 25px;font-size:12px}.confirm-modal>div:last-child{justify-content:center;gap:10px;display:flex}.detail-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.detail-title h2{direction:ltr}.detail-title .tag{margin-top:8px}.detail-grid{background:#f6f8f2;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;padding:20px;display:grid}.detail-grid small{color:#94a18a;font-size:10px;display:block}.detail-grid b{margin-top:8px;font-size:13px;font-weight:500;display:block}.detail-bottom{grid-template-columns:1fr 1fr;gap:60px;margin-top:30px;display:grid}.detail-bottom>div:last-child>p{color:#95a48a;text-align:center;font-size:12px}.settings-card{max-width:850px}.settings-logo{background:#f8faf5;border-radius:10px;align-items:center;gap:30px;margin-bottom:30px;padding:20px;display:flex}.settings-logo .field{flex:1}.settings-logo input,.report-stats .stat>span{font-size:11px}.login{direction:ltr;background:#fff;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-side{color:#fff;direction:rtl;background:linear-gradient(#102e36d9 0%,#122e36a0 50%,#102e36f2 100%),url(/port.png) 50%/cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:65px 65px 45px;display:flex}.login-side .brand b{color:#fff}.login-side .brandmark{color:#d7b57b;background:#ffffff10;border:1px solid #ffffff25}.login-side .brand small{color:#aac4bd}.login-side .eyebrow{letter-spacing:0;color:#c7ac7c;direction:rtl;justify-content:flex-start;font-size:13px}.login-side h1{letter-spacing:-1px;margin:16px 0;font-size:60px;font-weight:500;line-height:1.5}.login-side h1 em{color:#d4b785;font-style:normal}.login-side p{color:#c1d1ca;font-size:16px;line-height:2.2}.login-features{border-top:1px solid #ffffff20;gap:25px;margin-top:40px;padding-top:25px;display:flex}.login-features span{color:#d2dfd6;align-items:center;gap:8px;font-size:11px;display:flex}.login-form{direction:rtl;flex-direction:column;justify-content:center;width:min(390px,80%);min-height:100vh;margin:auto;padding:50px 0 30px;display:flex}.login-welcome .square-icon{margin-bottom:25px}.login-welcome>small{color:#aeb6a6;font-size:11px;display:block}.login-welcome h2{margin:8px 0;font-size:31px}.login-welcome p{color:#96a390;margin-bottom:28px;font-size:11px}.login-form form{flex-direction:column;gap:22px;display:flex}.input-icon{color:#a3ae98;background:#fcfdfa;border:1px solid #e0e7dc;border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex}.input-icon input{box-shadow:none;background:0 0;border:0;padding:14px 0}.input-icon button{padding:0}.input-icon:focus-within{border-color:var(--teal)}.login-submit{justify-content:space-between;margin-top:4px;padding:14px 17px}.login-form .error{margin:0}.secure{text-align:center;color:#a4af9b;justify-content:center;align-items:center;gap:6px;margin-top:23px;font-size:10px;display:flex}.login-form footer{color:#aeb8a5;border-top:1px solid #eef1e8;justify-content:space-between;margin-top:70px;padding-top:20px;font-size:9px;display:flex}.loading,.splash{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.spinner{border:2px solid #dbe7dc;border-top-color:var(--teal);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}.splash{color:#cddcd1;background:#102e36;position:relative;overflow:hidden}.splash .brand{z-index:1;animation:1s appear}.splash .brand b{color:#fff}.splash .brand small{color:#b0bfa8}.splash>p{z-index:1;font-size:21px}.splash>small{color:#859e8a;z-index:1;font-size:12px}.orbit{border:1px solid #c6a86c20;border-radius:50%;width:450px;height:450px;animation:3s pulse;position:absolute;box-shadow:0 0 0 70px #c6a86c06,0 0 0 140px #c6a86c03}.progress{transform-origin:100%;background:#c2a269;width:140px;height:2px;animation:3s linear progress}.mobile-menu,.backdrop-mobile{display:none}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1.1)}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:1500px){.donut-layout{grid-template-columns:1.1fr 1fr}}@media (max-width:1200px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.app main{margin-right:215px}.content{padding:26px}.topbar{padding:0 26px}.donut-layout{grid-template-columns:1fr}.donut-layout .legend{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats{gap:12px}.stat{padding:16px}.stat>b{font-size:23px}.charts-grid{grid-template-columns:1.2fr 1fr}.hero-caption{display:none}.branch-grid{grid-template-columns:repeat(2,1fr)}.login-side{padding:50px 40px}.login-side h1{font-size:47px}.login-features{gap:15px}.login-features span{font-size:10px}}@media (max-width:900px){.sidebar{width:244px;transition:right .2s;right:-250px}.sidebar.visible{right:0}.app main{margin:0}.mobile-menu{margin-left:12px;padding:0;display:inline-flex}.topbar>div:first-child{align-items:center;display:flex}.backdrop-mobile{z-index:19;background:#102e3655;display:block;position:fixed;inset:0}.stats{grid-template-columns:repeat(2,1fr)}.container-editor{grid-template-columns:1fr}.cost-summary{position:static}.cost-summary .donut{max-width:250px;margin:auto}.login-side h1{font-size:40px}.login-side{padding:40px 30px}.login-features{flex-direction:column;gap:13px}.login-welcome h2{font-size:28px}.detail-bottom{gap:25px}.heading-actions button{padding:10px 12px}}@media (max-width:650px){.topbar{height:64px;padding:0 18px}.date,.header-divider{display:none}.content{padding:22px 17px}.page-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:23px}h1{font-size:27px}.page-heading p{font-size:11px}.heading-actions{width:100%}.heading-actions button{flex:1}.hero{background-position:40%;height:245px;padding:25px}.hero h2{font-size:26px}.hero p{max-width:210px}.stats{gap:10px;margin-bottom:18px}.stat{padding:16px 13px}.stat>b{margin:14px 0 10px;font-size:23px}.stat span{font-size:10px}.stat svg{width:17px}.charts-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.card{margin-bottom:18px;padding:18px}.card-heading{margin-bottom:17px}.card-heading h3{font-size:15px}.donut-layout{grid-template-columns:1fr 1fr}.donut-layout .legend{display:flex}.donut-label b{font-size:18px}.app-footer{align-items:flex-start;gap:12px;font-size:8px}.app-footer>span:last-child{white-space:nowrap}.section-banner{min-height:140px;padding:22px}.section-banner h2{max-width:240px;font-size:18px}.mini-bars{display:none}.toolbar{flex-wrap:wrap;gap:12px}.search{width:100%}.toolbar>select{width:140px}.toolbar>.tag{margin-right:0}.branch-grid{grid-template-columns:1fr}.overlay{padding:10px}.modal{border-radius:11px;max-height:96vh}.modal-head{padding:17px 19px}.modal-head h2{font-size:21px}.modal-body{padding:18px}.form-grid{gap:15px 12px}.field>span{font-size:10px}.modal-foot{padding:13px 18px}.modal-foot>span{display:none}.modal-foot>div{justify-content:flex-end;width:100%}.container-editor{gap:20px}.cost-summary{padding:18px}.detail-grid{grid-template-columns:1fr 1fr}.detail-bottom{grid-template-columns:1fr;gap:25px}.settings-logo{flex-direction:column;align-items:stretch;padding:15px}.settings-logo>.brand{align-self:center}.login{direction:rtl;flex-direction:column;display:flex}.login-side{background-position:50% 60%;min-height:250px;padding:25px 28px}.login-side>.brand{margin-bottom:25px}.login-side .brand.large b{font-size:30px}.login-side .brand.large .brandmark{width:44px;height:47px}.login-side .brand.large .brandmark svg{width:28px}.login-side h1{margin:8px 0;font-size:28px}.login-side h1 br{display:none}.login-side p{font-size:11px}.login-side p br,.login-features{display:none}.login-side .eyebrow{font-size:10px}.login-form{width:84%;min-height:0;padding:30px 0 22px}.login-welcome .square-icon{display:none}.login-welcome h2{font-size:26px}.login-form footer{margin-top:40px}.login-form form{gap:20px}.toast{justify-content:center;bottom:18px;left:18px;right:18px}.confirm-modal{padding:25px}.detail-title h2{font-size:18px}.brand b{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{body{background:#fff}.sidebar,main,.toast,.modal-head,.modal-foot{display:none!important}.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;display:block;position:static}.modal{width:100%;max-height:none;box-shadow:none;border:0;overflow:visible}.modal-body{padding:0}.table-wrap{overflow:visible}td,th{white-space:normal;font-size:9px}.detail-bottom{grid-template-columns:1.1fr 1fr;gap:25px}.printable,.overlay .modal-body{display:block}}.goods-input{margin-top:18px}.goods-input input{background:#fff;border-color:#bccfb8}.goods-input>small{color:#91a086;margin-top:8px;font-size:9px;line-height:1.8;display:block}.banner-chart>small{color:#d3c5a9;margin-bottom:12px;font-size:9px;display:block}.banner-chart .mini-bars{justify-content:space-around;width:auto;min-width:140px;margin:0}.mini-bars i{min-width:12px;position:relative}.mini-bars i>span{color:#fff;font-size:9px;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.banner-chart{margin-left:12px;margin-right:20px}.login-welcome p,.login-welcome>small{color:#798775}.secure{color:#82937c}@media (max-width:650px){.banner-chart{display:none}}:root{--navy:#093e59;--teal:#0b4563;--gold:#ff5a35;--bg:#f3f6f9;--line:#e1e8ef;--muted:#758898;--text:#18394d}body{color:var(--text);background:var(--bg)}.primary{background:var(--navy);box-shadow:0 5px 14px #093e591a}.primary:hover{background:#125a7c;box-shadow:0 6px 18px #093e5928}.secondary{color:#526e81;border-color:#dce5ed}.secondary:hover{background:#edf3f8}.heading-dot{color:#ff5a35}.etco-brand{flex:none;display:block!important}.brand-crop{direction:ltr;background:#fff;border-radius:6px;width:172px;height:87px;display:block;position:relative;overflow:hidden}.brand-crop>img{top:-95.19%;left:-68.08%;object-fit:fill!important;border-radius:0!important;width:248.54%!important;max-width:none!important;height:291.1%!important;position:absolute!important}.brand-crop>img.custom-brand{object-fit:contain!important;width:100%!important;height:100%!important;position:static!important}.etco-brand.large .brand-crop{width:224px;height:113px}.sidebar{padding-top:16px}.sidebar>.brand{margin:0 auto 17px}.sidebar .workspace{margin-bottom:20px;padding:10px 8px}.workspace b{font-size:10px;line-height:1.9}.workspace-icon{color:#2d6681;background:#eef4f8;flex:none}.workspace small{color:#94a3ae}.sidebar nav button{color:#73899a;padding:10px 13px}.sidebar nav button.active{color:#093e59;background:#eaf2f8}.sidebar nav button.active:before{background:#ff5a35}.sidebar nav button:hover{background:#f2f6f9}.help-card{background:linear-gradient(130deg,#eef4f9,#fff3ee);border-color:#e4eaf0;margin-bottom:10px;padding:12px}.help-card svg{color:var(--gold);margin-bottom:5px}.help-card b{color:#345b73}.help-card small{color:#8b9bab}.profile-row{border-top:1px solid var(--line);align-items:center;gap:5px;padding-top:12px;display:flex}.profile-row .profile{border:0;flex:1;min-width:0;padding:0}.profile-row .profile span:nth-child(2){overflow:hidden}.profile-row .profile b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.logout-btn{color:#8297a6;border-radius:6px;width:29px;height:32px}.logout-btn:hover{color:#e45b3d;background:#fff0ec}.avatar{color:#0b4563;background:#e7eff6;border-color:#fff;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.big{border:3px solid #ffffff35;width:56px;height:56px;font-size:22px}.avatar.xl{border:5px solid #fff;width:106px;height:106px;font-size:40px;box-shadow:0 8px 25px #093e5915}.top-profile{color:#658196;gap:9px;padding:0;font-size:11px}.date{color:#6d8596}.topbar{background:#ffffffec}.crumb b{color:#4a6d83}.page-heading p{color:#7890a2;font-size:12px}.page-heading .eyebrow{color:#8a9da9}.card-heading p{color:#8094a2}.stat>div>span,.stat>span{color:#7890a0}.stat svg{color:#6d91a8}.stat small{color:#8ca1af}.stat .tiny-dot{background:#ff8b70}.stat>b{color:#173f59}.square-icon{color:#3b7190;background:#eaf2f8}.tag{color:#6a879a;background:#edf3f8;border-color:#e5edf3}.table-icon{color:#547e98;background:#ecf3f9}.table-link{color:#164d6b}.row-actions button{color:#7892a4}.row-actions button:hover{color:#093e59;background:#eaf2f9}.product-swatch{color:#d57c59;background:linear-gradient(135deg,#fff3ec,#f6e3da);border-color:#f4d8cd}th{color:#8097a8;background:#f4f7fa}td{border-color:#edf1f5}tbody tr:hover{background:#f9fbfd}.field>span{color:#647f91}.input-icon{color:#8199a9;background:#fbfcfd;border-color:#dce6ee}input:focus,select:focus,textarea:focus{border-color:#3b789b;box-shadow:0 0 0 3px #093e590d}.notice{color:#6e8a9c;background:#edf4fa;border-color:#dde9f1}.cost-summary{background:#f1f6fa;border-color:#dce7ef}.cost-row{border-color:#e2eaf1}.cost-row span,.cost-summary>p,.cost-summary .eyebrow{color:#7a92a3}.cost-grand{border-color:#d8e4ed}.cost-grand>span{color:#68879d}.goods-input input{border-color:#bfd2df}.line-item{background:#f7fafc;border-color:#e2ebf2}.line-total{color:#7190a4;background:#e8f1f8}.line-total b{color:#255c7b}.form-section{color:#365f7b}.form-section svg{color:#7c9ab0}.empty>span{color:#6991ac;background:#eef4f9;border-color:#e2ebf2}.empty p{color:#8a9fae}.section-banner{background:linear-gradient(270deg,#093e59f2 0%,#093e59cc 57%,#093e5940 100%),url(/port.png) 50%/cover}.section-banner .eyebrow{color:#ffb098}.section-banner p{color:#c3d5e3}.mini-bars i{background:#ff7856}.section-banner h2{font-size:20px}.hero.etco-hero{background:linear-gradient(270deg,#083a55f5 0%,#07354fe8 50%,#093e5970 100%),url(/port.png) 50% 56%/cover;justify-content:space-between;align-items:center;gap:25px;height:300px;padding:28px 32px;display:flex}.hero.etco-hero .hero-kicker{color:#ffbdab}.hero-kicker>span{background:#ff6d47}.hero.etco-hero h2{margin:7px 0;font-size:28px;line-height:1.6}.hero.etco-hero p{color:#b9cfdf;font-size:11px}.hero.etco-hero button{color:#ffb39b}.welcome-person{align-items:center;gap:15px;margin:12px 0;display:flex}.welcome-person>div>span{color:#acc5d8;font-size:10px}.welcome-person .avatar{color:#ffc9b7;background:#ffffff14;box-shadow:0 4px 20px #0000001a}.hero-text>.hero-kicker{font-size:10px}.hero-text>p,.hero-text>button{margin-right:3px}.live-clock{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);direction:ltr;background:linear-gradient(140deg,#ffffff13,#ffffff03);border:1px solid #ffffff25;border-radius:18px;flex:none;align-items:center;gap:25px;padding:24px;display:flex;position:relative;box-shadow:0 14px 30px #001e3020,inset 0 1px #ffffff15}.clock-face{color:#234d68;isolation:isolate;background:radial-gradient(circle at 32% 24%,#fcfeff,#e9f0f5 66%,#b1c8d6 100%);border:8px solid #f2f7fa;border-radius:50%;flex:none;width:164px;height:164px;position:relative;transform:perspective(700px)rotateY(-11deg)rotateX(8deg);box-shadow:0 13px #06324e,0 17px 23px #001f3860,3px 0 0 2px #a0bccf,inset 0 4px 12px #083e5920}.clock-glass{pointer-events:none;z-index:8;background:linear-gradient(135deg,#ffffff80 0%,#ffffff10 42%,#0000 43%);border-radius:50%;position:absolute;inset:0}.clock-tick{transform-origin:1px 69px;background:#5c7d93;border-radius:1px;width:2px;height:7px;position:absolute;top:5px;left:calc(50% - 1px)}.clock-12,.clock-3,.clock-6,.clock-9{font:600 12px Arial;position:absolute}.clock-12{top:15px;left:calc(50% - 6px)}.clock-3{top:calc(50% - 6px);right:18px}.clock-6{bottom:15px;left:calc(50% - 3px)}.clock-9{top:calc(50% - 6px);left:18px}.clock-brand{text-align:center;letter-spacing:2px;color:#5a8199;font:700 8px Arial;position:absolute;top:38px;left:0;right:0}.hand{transform-origin:bottom;z-index:3;background:#0b4463;border-radius:6px;width:4px;position:absolute;bottom:50%;left:calc(50% - 2px);box-shadow:1px 2px 2px #00000020}.hand.hour{width:5px;height:33px;left:calc(50% - 2.5px)}.hand.minute{height:48px}.hand.second{z-index:5;width:2px;height:56px;box-shadow:none;background:#ff5a35;left:calc(50% - 1px)}.hand.second:after{content:"";background:#ff5a35;width:2px;height:12px;position:absolute;top:100%}.clock-center{z-index:6;background:#f5f8fb;border:2px solid #ff5a35;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);box-shadow:0 1px 4px #00000050}.clock-copy{text-align:right;direction:rtl;min-width:160px}.clock-copy .hero-kicker{white-space:nowrap;gap:6px;font-size:8px!important}.digital-time{letter-spacing:2px;color:#fff;font-variant-numeric:tabular-nums;direction:ltr;margin:13px 0 10px;font:400 30px Arial;display:block}.clock-copy>strong{color:#f4f8fc;font-size:17px;font-weight:500;display:block}.clock-copy>p{color:#bfd1e0!important;margin:4px 0!important;font-size:10px!important}.clock-copy>small{color:#8faec6;margin-top:10px;font-size:8px;display:block}.profile-layout{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.profile-card{text-align:center;background:linear-gradient(#eaf2f8 0,#fff 180px);padding:30px 24px}.profile-card>.avatar{margin-bottom:18px}.profile-card h2{font-size:21px}.profile-card>p{color:#8195a4;margin:7px 0 14px;font-size:12px}.profile-card>.status{gap:6px;font-size:11px}.profile-facts{border-top:1px solid var(--line);text-align:right;margin-top:25px;padding-top:7px}.profile-facts>span{color:#8a9eac;border-bottom:1px solid #edf1f5;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.profile-facts b{color:#345e77;font-weight:500}.profile-card .footnote{color:#8297a6;margin-bottom:0;font-size:10px}.profile-editor{padding:28px}.photo-upload{border-bottom:1px solid var(--line);align-items:center;gap:17px;margin-bottom:20px;padding:20px 0 25px;display:flex}.photo-upload>label{cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.photo-upload input{display:none}.photo-upload .text-btn{font-size:10px}.profile-save{justify-content:flex-end;margin-top:24px;display:flex}.success{color:#377b60;background:#eef7f3;border-radius:8px;align-items:center;gap:8px;margin:20px 0;padding:12px;font-size:12px;display:flex}.audit-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.audit-stat{padding:20px;position:relative;overflow:hidden}.audit-stat>span{color:#7f93a3;font-size:11px}.audit-stat>b{color:#134866;margin:9px 0 4px;font-size:31px;display:block}.audit-stat>div{background:#277a9c;border-radius:3px;max-width:100%;height:3px}.audit-stat.audit-1>div{background:#ff8a4f}.audit-stat.audit-2>div{background:#ce6560}.audit-toolbar .search{flex:1}.audit-toolbar>select{width:150px}.audit-reference{color:#8a9fac;margin-top:6px;font-size:9px;display:block}.status.removed,.document-seal.removed{color:#b85b50;background:#fff0ed}.inline-loading{color:#8a9eac;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:12px;display:flex}.document-modal{background:#edf2f6}.document-tools{justify-content:space-between;align-items:center;gap:15px;padding:20px 28px;display:flex}.document-tools .primary{font-size:12px}.segmented{background:#dfe8ef;border-radius:9px;gap:3px;padding:4px;display:flex}.segmented button{color:#6e899c;border-radius:6px;padding:8px 14px;font-size:11px}.segmented button.selected{color:#0b4563;background:#fff;box-shadow:0 2px 6px #0b456312}.official-document{direction:rtl;background:#fff;border:1px solid #dce5ec;margin:0 26px 26px;padding:37px 40px;box-shadow:0 4px 12px #093e5908}.document-brand{border-bottom:3px solid #093e59;justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px;display:flex}.document-brand .brand-crop{width:170px;height:86px}.document-brand>div:last-child{text-align:left}.document-brand h2{color:#093e59;font-size:17px;font-weight:600}.document-brand p{color:#6a8ba2;margin:8px 0;font:11px Arial}.document-brand>div>span{color:#91a5b4;font-size:9px}.document-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.document-title small{letter-spacing:1.8px;color:#ff5a35;font:9px Arial}.document-title h1{margin:8px 0;font-size:27px;font-weight:500}.document-title p{color:#8096a6;font-size:11px}.document-seal{color:#1c6b8a;background:#f1f7fb;border:1px solid #b7cfdd;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:87px;height:87px;font-size:10px;display:flex}.doc-meta{background:#f5f8fa;border:1px solid #e9eef2;border-radius:4px;grid-template-columns:1.3fr 1.5fr 1fr 1fr;gap:18px;margin:23px 0;padding:18px;display:grid}.doc-meta small{color:#8fa2af;font-size:9px;display:block}.doc-meta b{margin-top:5px;font-size:10px;font-weight:500;line-height:1.9;display:block}.doc-fields{grid-template-columns:repeat(3,1fr);gap:18px 26px;margin:25px 0;display:grid}.doc-fields>div{border-bottom:1px solid #edf1f5;min-width:0;padding-bottom:11px}.doc-fields small{color:#8a9eac;font-size:9px;display:block}.doc-fields b{color:#345a72;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:7px;font-size:11px;font-weight:500;line-height:1.8;display:block}.doc-section-title{border-right:3px solid #ff5a35;margin:25px 0 17px;padding-right:10px;font-size:15px}.official-document table{white-space:normal;table-layout:fixed}.official-document table th{color:#fff;background:#0b4563;border-bottom:2px solid #ff5a35;font-size:10px}.official-document table td{overflow-wrap:anywhere;vertical-align:top;font-size:10px;line-height:1.8}.official-document table tfoot th{color:#0b4563;background:#edf3f8;border-bottom:0}.doc-item-color{color:#8a9eac;margin-top:3px;font-size:9px;display:block}.doc-costs{grid-template-columns:1fr 1fr;gap:45px;margin-top:27px;display:grid}.document-note{background:#fbfcfd;border:1px solid #e5edf3;border-radius:6px;height:fit-content;padding:18px}.document-note>svg{color:#ff5a35;margin-bottom:10px}.document-note h3{font-size:13px}.document-note p{color:#718b9e;margin:12px 0;font-size:10px}.document-note>small{color:#90a4b2;font-size:9px;line-height:1.9;display:block}.doc-costs .cost-row{padding:8px 0;font-size:10px}.doc-costs .cost-row span{max-width:65%}.document-total{color:#fff;background:#093e59;border-left:4px solid #ff5a35;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;padding:15px 18px;display:flex}.document-total>span{color:#c7d9e6;font-size:10px}.document-total>b{white-space:nowrap;font-size:23px;font-weight:500}.document-total small{font-size:10px}.doc-signatures{justify-content:space-between;gap:50px;margin-top:15px;padding:40px 0 18px;display:flex}.doc-signatures>div{text-align:center;width:220px}.doc-signatures span{color:#8b9fad;font-size:10px}.doc-signatures i{border-bottom:1px dashed #b5c8d5;height:35px;display:block}.document-footer{color:#91a4b2;border-top:1px solid #dae5ed;justify-content:space-between;gap:15px;margin-top:35px;padding-top:15px;font-size:8px;display:flex}.change-table td{white-space:pre-wrap}.deleted-notice{color:#b15c51;background:#fff3f0;border:1px solid #f3dcd5;border-radius:5px;padding:12px;font-size:11px}.login-side{background:linear-gradient(#062c43e8,#093e59a0 50%,#07364ff2),url(/port.png) 50%/cover}.login-side .etco-brand{background:#fff;border-radius:10px;width:fit-content;padding:8px 20px;box-shadow:0 8px 24px #00000015}.login-side .etco-brand.large .brand-crop{width:184px;height:93px}.login-side .eyebrow{color:#ffa486}.login-side h1 em{color:#ff9a79}.login-side p{color:#bbcfdf}.login-features span{color:#c6d7e3}.login-features svg{color:#ff9572}.login-welcome .square-icon{color:#0b4563;background:#edf4fa}.login-welcome>small,.login-welcome p{color:#7891a3}.login-submit{color:#fff;background:#ff5a35;box-shadow:0 6px 20px #ff5a3520}.login-submit:hover{background:#ed4d29}.login-form footer,.secure{color:#89a0b0}.splash{color:#d1dfeb;background:radial-gradient(#135577,#062c43 75%)}.splash .brand{background:#fff;border-radius:13px;padding:10px 25px;box-shadow:0 15px 50px #00000020}.splash>small{color:#9cb9ce}.splash>p{font-size:19px}.splash .progress{background:#ff5a35}.splash .orbit{border-color:#ff5a3530;box-shadow:0 0 0 70px #ff5a3507,0 0 0 140px #ff5a3503}.app-footer{color:#8fa3b2}.settings-logo{background:#f3f7fa}.branch-card .branch-metrics{background:#f2f7fb;border-color:#e3ecf3}.branch-metrics small{color:#7f99aa}.branch-card>p{color:#8a9eac}.footnote{color:#7e96a7}.cost-summary .notice{margin-bottom:0}@media (max-height:850px) and (min-width:901px){.sidebar .help-card{display:none}.sidebar nav{margin-bottom:15px}.sidebar nav button{padding:9px 12px}.sidebar>.brand{margin-bottom:12px}}@media (max-width:1250px){.hero.etco-hero{gap:18px;padding:25px}.live-clock{gap:17px;padding:18px}.clock-face{width:144px;height:144px}.clock-tick{transform-origin:1px 59px}.clock-copy{min-width:140px}.digital-time{font-size:26px}.hero.etco-hero h2{font-size:25px}.hero.etco-hero .welcome-person>.avatar{display:none}.profile-layout{grid-template-columns:260px 1fr}}@media (max-width:1080px){.live-clock{gap:0}.clock-copy{min-width:0}.clock-face{display:none}.hero.etco-hero{height:285px}.hero.etco-hero h2{font-size:27px}.profile-layout{grid-template-columns:240px 1fr}.profile-editor{padding:22px}.doc-costs{gap:25px}.document-brand h2{font-size:15px}}@media (max-width:900px){.live-clock{gap:20px}.clock-face{display:block}.hero.etco-hero{height:300px}.hero.etco-hero h2{font-size:26px}.profile-layout{grid-template-columns:250px 1fr}.document-tools{padding:18px}.official-document{margin:0 15px 15px;padding:25px}.doc-meta{grid-template-columns:1fr 1fr}.top-profile>span:last-child{display:none}}@media (max-width:750px){.hero.etco-hero{flex-wrap:wrap;height:auto;min-height:260px;padding:25px}.live-clock{justify-content:center;gap:35px;width:100%;margin-top:15px;padding:20px}.clock-face{width:164px;height:164px}.clock-tick{transform-origin:1px 69px}.hero.etco-hero .welcome-person>.avatar{display:inline-grid}.hero.etco-hero h2{font-size:25px}.profile-layout{grid-template-columns:1fr}.profile-card{padding:25px}.profile-facts{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.profile-facts>span{border-bottom:0;flex-direction:column;gap:8px}.profile-card .footnote{margin:8px 0 0}.doc-fields{grid-template-columns:1fr 1fr}.audit-stats{gap:10px}.audit-stat{padding:16px}.audit-toolbar{flex-wrap:wrap}.audit-toolbar .search{flex:auto}.audit-toolbar>select{flex:1}.official-document{padding:23px 20px}.document-brand{gap:15px}.document-brand .brand-crop{width:130px;height:66px}.document-brand h2{font-size:12px}.document-brand p{font-size:9px}.document-brand>div>span{font-size:8px}.doc-costs{grid-template-columns:1fr}.document-note{order:2}.document-title h1{font-size:23px}.document-tools{flex-wrap:wrap}.document-tools>.primary,.segmented{width:100%}.segmented button{flex:1}.document-footer{flex-direction:column;align-items:center}.official-document table{min-width:580px}.change-table{min-width:480px}.doc-meta{padding:13px}.doc-signatures{gap:25px}.document-title .document-seal{width:68px;height:68px;font-size:9px}.document-title .document-seal svg{width:20px}}@media (max-width:450px){.live-clock{gap:20px}.clock-face{width:144px;height:144px}.clock-tick{transform-origin:1px 59px}.clock-copy .hero-kicker{font-size:7px!important}.digital-time{font-size:24px}.clock-copy>p{font-size:9px!important}.hero.etco-hero h2{font-size:24px}.hero.etco-hero .welcome-person>.avatar{width:47px;height:47px}.audit-stat>span{font-size:9px}.audit-stat>b{font-size:27px}.official-document{margin:0 8px 8px;padding:18px 14px}.document-brand{flex-direction:column;gap:10px;padding-bottom:15px}.document-brand>div:last-child{text-align:center}.document-title h1{font-size:21px}.photo-upload{gap:10px}.photo-upload>label{padding:9px 10px;font-size:10px}.login-side .etco-brand.large .brand-crop{width:160px;height:81px}.login-side{min-height:275px}.login-side>.brand{margin-bottom:17px}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body>.app,body>main,body>.login{display:none!important}.print-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.print-overlay .modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;display:block!important;overflow:visible!important}.print-overlay .modal-head,.document-tools{display:none!important}.official-document{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10px;box-shadow:none!important;border:0!important;width:100%!important;margin:0!important;padding:0!important}.document-brand{break-inside:avoid;flex-direction:row!important;padding-bottom:15px!important;display:flex!important}.document-brand>div:last-child{text-align:left!important}.document-brand .brand-crop{width:145px!important;height:74px!important}.document-brand h2{font-size:15px!important}.document-title{break-inside:avoid;padding:18px 0!important}.document-title h1{font-size:24px!important}.doc-meta{break-inside:avoid;grid-template-columns:1.2fr 1.5fr 1fr 1fr!important}.doc-meta b{font-size:9px!important}.doc-fields{grid-template-columns:repeat(3,1fr)!important;gap:12px 20px!important}.official-document .table-wrap{overflow:visible!important}.official-document table{table-layout:fixed!important;white-space:normal!important;width:100%!important;min-width:0!important}.official-document table th{padding:9px 6px!important;font-size:8px!important}.official-document table td{white-space:pre-wrap!important;overflow-wrap:anywhere!important;padding:9px 6px!important;font-size:8px!important}.official-document thead{display:table-header-group}.official-document tr{break-inside:avoid}.doc-costs{break-inside:avoid;grid-template-columns:1fr 1fr!important;gap:26px!important}.doc-costs .document-note{order:0!important}.document-total{break-inside:avoid}.document-total>b{font-size:22px!important}.doc-signatures{break-inside:avoid}.document-footer{break-inside:avoid;flex-direction:row!important;align-items:center!important;display:flex!important}.document-seal{width:72px!important;height:72px!important}}.document-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.document-action-buttons button{font-size:11px}@media (min-width:751px) and (max-width:1100px){.hero.etco-hero{flex-wrap:wrap;height:auto}.live-clock{justify-content:center;gap:28px;width:100%}.clock-face{display:block}}.security-state{background:linear-gradient(120deg,#eef5fb,#fff8f2);border:1px solid #dce8f1;border-radius:12px;align-items:center;gap:18px;margin-bottom:24px;padding:24px;display:flex}.security-state.enabled{background:linear-gradient(120deg,#eaf6f0,#f0f7fc)}.security-state-icon{color:#0b4563;background:#fff;border-radius:13px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 5px 15px #093e5910}.security-state h2{font-size:20px}.security-state p{color:#7891a3;margin-top:7px;font-size:11px}.security-state>.status{white-space:nowrap;margin-right:auto}.security-password{align-items:center;gap:30px;display:flex}.security-password>.field{flex:1}.security-password>p{color:#93a5b3;flex:1;font-size:11px}.security-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.security-step-title{align-items:center;gap:12px;margin-bottom:25px;display:flex}.security-step-title>span{color:#ff6d45;background:#fff9f6;border:1px solid #e1eaf1;border-radius:8px;flex:none;place-items:center;width:36px;height:38px;font:500 15px Arial;display:grid}.security-step-title>div{flex:1}.security-step-title h3{font-size:16px}.security-step-title p{color:#8199a9;margin-top:4px;font-size:10px}.security-step-title>svg{color:#82a0b5}.security-pair{border-bottom:1px solid #eaf0f5;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 0;display:flex}.security-pair small{color:#8098aa;font-size:10px}.security-pair b{color:#34627f;font-size:11px;font-weight:500}.security-step .notice{margin:20px 0}.security-code-entry{background:#f1f6fa;border:1px solid #dde9f2;border-radius:8px;flex-direction:column;gap:15px;margin-top:22px;padding:17px;display:flex}.security-code-entry input{letter-spacing:3px;background:#fff}.security-check{color:#647f94;cursor:pointer;align-items:flex-start;gap:9px;margin:21px 0;font-size:11px;line-height:1.9;display:flex}.security-check>input{accent-color:#0b4563;flex:none;width:16px;height:16px;margin:4px 0 0;padding:0}.activation-checklist{background:#f4f8fb;border-radius:8px;flex-direction:column;gap:14px;padding:18px;display:flex}.activation-checklist>span{color:#6d8b9f;align-items:center;gap:10px;font-size:12px;display:flex}.activation-checklist svg{color:#69929e}.security-intro{color:#748fa4;font-size:12px;line-height:2.1}.recovery-modal{width:660px}.recovery-overlay{z-index:100}.recovery-codes{-webkit-user-select:text;user-select:text;background:#edf4fa;border:1px solid #dce9f2;border-radius:8px;gap:9px;margin:22px 0;padding:18px;display:grid;overflow-x:auto}.recovery-codes code{letter-spacing:1px;text-align:center;color:#0a4564;background:#fff;border-radius:4px;padding:8px 6px;font-size:12px}.recovery-modal .modal-head>svg{color:#4b7999}.recovery-modal .modal-body>.primary{width:100%}.recovery-link{text-align:center;color:#7291a6;margin:17px auto 0;padding:4px;font-size:10px;display:block}.recovery-link:hover{text-decoration:underline}.otp-heading{text-align:center;margin-bottom:5px}.otp-heading .square-icon{color:#33866a;background:#eaf5f0;border-radius:15px;width:58px;height:58px;margin-bottom:15px}.otp-channel{color:#66917f;font-size:10px;display:block}.otp-heading h2{margin:10px 0;font-size:28px}.otp-heading p{color:#8199aa;font-size:11px}.otp-heading>b{color:#1b5675;letter-spacing:2px;margin:12px 0;font-size:16px;display:block}.otp-input{letter-spacing:13px;text-align:center;color:#0b4563;padding:16px!important;font:500 27px Arial!important}.otp-input::placeholder{color:#c6d4df;letter-spacing:12px}.otp-actions{color:#7896ab;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.otp-actions button{padding:3px 0}.otp-footnote{color:#8aa0b1;text-align:center;font-size:10px;line-height:1.9}.security-activation .primary{margin-top:2px}.sidebar nav{gap:2px;margin-bottom:14px}.sidebar nav button{padding-top:9px;padding-bottom:9px}.sidebar .help-card{display:none}@media (max-width:850px){.security-grid{grid-template-columns:1fr}.security-password{flex-direction:column;align-items:stretch;gap:15px}.security-state{gap:13px;padding:20px}.security-state h2{font-size:17px}.security-state>.status{display:none}.security-state-icon{width:44px;height:46px}.recovery-codes code{letter-spacing:.5px;font-size:11px}}@media (max-width:450px){.security-state h2{font-size:15px}.security-state p{font-size:10px}.security-step-title h3{font-size:15px}.otp-heading h2{font-size:25px}.recovery-codes{padding:10px}.recovery-codes code{letter-spacing:0;font-size:10px}}.otp-setup-required{align-items:center}.otp-setup-required p{flex:1}.otp-setup-required button{font-size:11px}@media (max-width:650px){.otp-setup-required{flex-wrap:wrap}.otp-setup-required button{width:100%}}.install-launch{z-index:35;color:#fff;background:#093e59;border:1px solid #ffffff42;border-radius:14px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:flex;position:fixed;bottom:22px;left:22px;box-shadow:0 7px 25px #093e5926}.install-launch:hover{background:#125772;transform:translateY(-2px)}.install-overlay{z-index:1500;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#062d4370;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.install-dialog{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 24px 80px #062d4340}.install-close{color:#688597;background:#f2f6f9;border-radius:10px;place-items:center;padding:8px;display:grid;position:absolute;top:16px;left:16px}.install-logo{border:1px solid #edf0f4;border-radius:18px;margin:0 auto 14px;display:block}.install-dialog h2{color:#093e59;margin:9px 0;font-size:26px}.install-dialog>p{color:#708b9c;font-size:12px;line-height:1.9}.install-tabs{background:#f1f5f8;border:1px solid #e5edf2;border-radius:12px;margin:21px 0;padding:5px;display:flex}.install-tabs button{color:#6b8799;border-radius:9px;flex:1;padding:10px;font-size:13px}.install-tabs button[aria-pressed=true]{color:#fff;background:#093e59;box-shadow:0 3px 10px #093e5917}.install-steps{text-align:right;gap:16px;margin:0 0 20px;padding:0;list-style:none;display:grid}.install-steps li{color:#627f92;align-items:flex-start;gap:12px;font-size:12px;line-height:1.9;display:flex}.install-steps li>span{color:#f15a35;background:#fff0e9;border-radius:9px;flex:0 0 29px;place-items:center;height:29px;font-weight:700;display:grid}.install-steps b{color:#093e59}.install-steps svg{vertical-align:middle;display:inline}.install-now{justify-content:center;width:100%;margin-bottom:18px}.install-security{text-align:right;color:#65879c;background:#f1f6f9;border-radius:12px;align-items:center;gap:10px;padding:13px;font-size:10px;line-height:1.8;display:flex}.install-security svg{flex-shrink:0}.install-caption{justify-content:center;align-items:center;gap:6px;display:flex;font-size:10px!important}.install-launch:focus-visible{outline-offset:3px;outline:3px solid #ff5a35}.install-dialog button:focus-visible{outline-offset:3px;outline:3px solid #ff5a35}@media (max-width:600px){.install-launch{padding:11px 13px;font-size:11px;bottom:14px;left:14px}.install-dialog{border-radius:20px;padding:25px 20px}.install-dialog h2{font-size:23px}}@media print{.install-launch,.install-overlay{display:none!important}}