@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;background:#f4f6f8;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d7deea;z-index:20;background:#101c2c;flex-direction:column;width:236px;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.3px;color:#fff;align-items:center;gap:11px;padding:0 8px 29px;font-size:18px;display:flex}.brand-mark{background:#2563eb;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand b{font-weight:700}.sidebar nav{gap:5px;display:grid}.sidebar button{color:#aeb9ca;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:14px;display:flex}.sidebar button.active{color:#fff;background:#1d2c41;box-shadow:inset 3px 0 #4f83ff}.sidebar button:hover{color:#fff;background:#18263a}.sidebar button em{color:#fff;background:#dc3f4f;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal;font-weight:700}.sidebar-bottom{margin-top:auto}.support{color:#8f9db0;border:1px solid #29384d;border-radius:9px;gap:6px;margin-top:14px;padding:15px 13px;font-size:12px;display:grid}.support a{color:#dce6f6;font-weight:600;text-decoration:none}main{grid-column:2;min-width:0}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.company{color:#172033;background:0 0;border:0;align-items:center;gap:10px;padding:5px;display:flex}.company-icon{color:#2563eb;background:#eef3ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.company>span:nth-child(2){text-align:left;font-size:13px;font-weight:600;display:grid}.company small,.profile small{color:#7d8797;margin-bottom:2px;font-size:10px;font-weight:500}.top-actions,.profile{align-items:center;gap:12px;display:flex}.icon-button{color:#5f6a7a;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#f1f4f8}.notification{border:1px solid #e2e7ed;position:relative}.notification i{background:#dc3f4f;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 0 2px #fff}.notification em{color:#fff;background:#dc3f4f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.profile{border-left:1px solid #e5e8ed;padding-left:16px}.profile-button{color:inherit;background:0 0;border:0}.profile>span{color:#245dc8;background:#dbe7ff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700;display:grid}.profile>div{font-size:12px;display:grid}.content{max-width:1800px;margin:auto;padding:27px 30px 36px}.page-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.head-actions{align-items:center;gap:8px;display:flex}h1{letter-spacing:-.6px;margin:0 0 6px;font-size:25px;line-height:1.2}.page-head p{color:#727d8e;margin:0;font-size:13px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.button.primary{color:#fff;background:#2563eb;box-shadow:0 2px 5px #2563eb33}.button.primary:hover{background:#1f56cc}.button.secondary{color:#4e596a;background:#fff;border-color:#dce1e8}.metrics{background:#fff;border:1px solid #e1e5eb;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.metrics>div{border-right:1px solid #e7eaef;align-items:center;gap:13px;min-width:0;padding:18px 20px;display:flex}.metrics>div:last-child{border:0}.metric-icon{border-radius:8px;flex:none;place-items:center;width:39px;height:39px;display:grid}.metric-icon svg{width:19px}.metric-icon.blue{color:#2563eb;background:#edf3ff}.metric-icon.red{color:#d83c4c;background:#fff0f1}.metric-icon.amber{color:#bd7615;background:#fff5df}.metric-icon.green{color:#25825f;background:#e9f8f2}.metrics p{color:#687385;gap:2px;min-width:0;margin:0;font-size:11px;display:grid}.metrics strong{color:#182235;letter-spacing:-.4px;white-space:nowrap;font-size:21px;line-height:1.25}.metrics small{color:#929ba9;font-size:10px}.workspace{background:#fff;border:1px solid #e1e5eb;border-radius:10px;grid-template-columns:minmax(650px,1fr) 310px;min-height:600px;display:grid;overflow:hidden}.list-panel{flex-direction:column;min-width:0;display:flex}.toolbar{border-bottom:1px solid #e5e8ed;align-items:center;gap:9px;height:64px;padding:0 15px;display:flex}.search{color:#8b95a4;border:1px solid #dfe4ea;border-radius:7px;align-items:center;gap:9px;width:240px;height:37px;padding:0 11px;display:flex}.search:focus-within{border-color:#6c94ed;box-shadow:0 0 0 3px #edf3ff}.search input{color:#222c3d;border:0;outline:0;width:100%;min-width:0;font-size:12px}.toolbar select{color:#4c5869;background:#fff;border:1px solid #dfe4ea;border-radius:7px;height:37px;padding:0 31px 0 11px;font-size:12px}.count{color:#929aa7;white-space:nowrap;margin-left:auto;font-size:11px}.table-wrap{flex:1;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th{text-align:left;color:#778294;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8f9fb;border-bottom:1px solid #e5e8ed;height:42px;padding:0 13px;font-size:10px;font-weight:600}td{color:#576274;white-space:nowrap;border-bottom:1px solid #edf0f3;height:68px;padding:0 13px;font-size:11px}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover,tbody tr.selected{background:#f4f7fd}tbody tr.selected{box-shadow:inset 3px 0 #2563eb}td strong{color:#202a3a;margin-bottom:4px;font-size:12px;font-weight:600;display:block}td small{color:#8b95a4;font-size:10px;display:block}.code{color:#2563eb;font-weight:600}.status{align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.status i{border-radius:50%;width:7px;height:7px}.status.success{color:#20785a}.status.success i{background:#33a77d}.status.warning{color:#a56714}.status.warning i{background:#e3a443}.status.danger{color:#c33243}.status.danger i{background:#dd4858}.overdue{color:#c33243;font-weight:600}.assignee{align-items:center;gap:5px;display:inline-flex}.row-more{color:#8992a0;background:0 0;border:0;border-radius:6px;padding:7px}.pagination{color:#808a99;border-top:1px solid #e8ebef;justify-content:space-between;align-items:center;height:58px;padding:0 16px;font-size:10px;display:flex}.pagination div{gap:4px;display:flex}.pagination button{color:#667183;background:#fff;border:1px solid #dfe3e9;border-radius:6px;min-width:29px;height:29px;font-size:10px}.pagination button.current{color:#fff;background:#2563eb;border-color:#2563eb}.detail-panel{border-left:1px solid #e2e6eb;padding:17px 20px}.detail-hero{justify-content:space-between;align-items:start;display:flex}.asset-visual{color:#61738d;background:#e9eef4;border-radius:10px;place-items:center;width:62px;height:62px;display:grid}.detail-title{margin-top:15px}.detail-title h2{letter-spacing:-.3px;margin:6px 0 3px;font-size:17px;line-height:1.25}.detail-title p{color:#818b99;margin:0 0 9px;font-size:11px}.detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin:19px 0;display:grid}.detail-actions .button{padding:0 8px;font-size:11px}.danger-button{color:#c63445;background:#fff;border-color:#edcbd0}dl{border-top:1px solid #e6e9ee;margin:0;padding:10px 0}dl div{justify-content:space-between;gap:15px;padding:8px 0;font-size:11px;display:flex}dt{color:#8791a0}dd{color:#2c3544;text-align:right;margin:0;font-weight:500}.qr-row{border-block:1px solid #e6e9ee;gap:12px;padding:16px 0;display:flex}.fake-qr{color:#172033;background:#fff;border:1px solid #d7dce3;place-items:center;width:65px;height:65px;display:grid}.qr-row>div:last-child{align-content:center;gap:4px;display:grid}.qr-row b{font-size:11px}.qr-row span{color:#848e9d;font-size:9px;line-height:1.4}.qr-row button,.section-label button{color:#2563eb;text-align:left;background:0 0;border:0;padding:0;font-size:9px;font-weight:600}.history{padding-top:16px}.section-label{justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.timeline{gap:9px;padding-bottom:15px;display:flex;position:relative}.timeline>span{color:#318367}.timeline p{color:#344052;gap:4px;margin:0;font-size:10px;display:grid}.timeline small{color:#939ba8;font-size:9px}.empty{color:#7c8796;align-content:center;place-items:center;gap:8px;height:300px;font-size:12px;display:grid}.modal-backdrop{z-index:50;background:#0b152285;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;gap:15px;width:min(470px,100%);padding:22px;display:grid;box-shadow:0 24px 60px #00000038}.modal-head{justify-content:space-between;display:flex}.modal h2{margin:0 0 5px;font-size:20px}.modal p{color:#7d8795;margin:0;font-size:11px}.modal label{color:#444f60;gap:6px;font-size:11px;font-weight:600;display:grid}.modal input,.modal select,.modal textarea{color:#263142;resize:vertical;border:1px solid #dce1e7;border-radius:7px;outline:none;padding:10px 11px}.modal input:focus,.modal textarea:focus{border-color:#6c94ed;box-shadow:0 0 0 3px #edf3ff}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.toast{z-index:60;color:#fff;background:#173d32;border-radius:8px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;animation:.2s slideIn;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 35px #0003}.mobile-menu{display:none}.simple-panel{background:#fff;border:1px solid #e1e5eb;border-radius:10px;min-height:480px;overflow:hidden}.overview-metrics{border:0;border-bottom:1px solid #e5e8ed;border-radius:0;margin:0}.view-list{gap:8px;padding:18px;display:grid}.view-list h3{margin:0 0 8px;font-size:14px}.view-list>button,.view-row{text-align:left;color:#283345;background:#fff;border:1px solid #e5e9ee;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:62px;padding:11px 13px;display:flex}.view-list>button:hover{background:#f5f8fd;border-color:#cfd9eb}.view-list>button>span,.view-row>span:nth-child(2){flex:1;gap:4px;display:grid}.view-list small,.view-row small{color:#828d9c;font-size:10px}.view-row>strong{color:#697487;font-size:10px}.location-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:18px;display:grid}.location-grid button{text-align:left;color:#405069;background:#fff;border:1px solid #e1e6ec;border-radius:9px;gap:8px;padding:18px;display:grid}.location-grid button:hover{background:#f6f8fd;border-color:#8eaaea}.location-grid span{color:#8a94a2;font-size:10px}.report-summary{grid-template-columns:repeat(4,1fr);display:grid}.report-summary div{border-right:1px solid #e7eaef;gap:8px;padding:28px;display:grid}.report-summary span{color:#7c8796;font-size:11px}.report-summary b{color:#172033;font-size:24px}.auth-page{background:#f4f6f8;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-brand{color:#fff;background:#101c2c;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,110px);display:flex}.auth-logo{margin-bottom:70px;padding:0}.auth-brand h1{letter-spacing:-2.8px;margin:0 0 25px;font-size:clamp(38px,5vw,66px);line-height:1.04}.auth-brand>p{color:#abb8c9;max-width:560px;font-size:16px;line-height:1.7}.auth-card{background:#fff;border:1px solid #e0e5eb;border-radius:12px;place-self:center;gap:15px;width:min(430px,100% - 40px);padding:35px;display:grid;box-shadow:0 18px 50px #1a273a14}.auth-card h2{margin:0;font-size:25px}.auth-card>p{color:#7b8595;margin:-7px 0 10px;font-size:12px}.auth-card label,.form-grid label{color:#465163;gap:7px;font-size:11px;font-weight:600;display:grid}.auth-card input,.form-grid input{color:#202a3a;border:1px solid #dce2e9;border-radius:7px;outline:0;height:42px;padding:0 11px}.auth-card input:focus,.form-grid input:focus{border-color:#6b94ed;box-shadow:0 0 0 3px #edf3ff}.auth-submit{width:100%;margin-top:4px}.auth-switch{color:#2563eb;text-align:center;background:0 0;border:0;font-size:11px;font-weight:600;text-decoration:none}.auth-error{color:#b82e3e;background:#fff0f1;border:1px solid #f1cbd0;border-radius:7px;padding:10px;font-size:11px}.asset-modal{width:min(660px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.client-row select,.client-row input{color:#4c5869;background:#fff;border:1px solid #dfe4ea;border-radius:7px;padding:8px 10px;font-size:11px}.client-row .password-button{min-height:34px;padding-inline:11px;font-size:11px}.about-modal{width:min(620px,100%)}.about-product{background:#f5f8fd;border-radius:9px;align-items:center;gap:12px;padding:16px;display:flex}.about-product>div{gap:3px;display:grid}.about-product b{font-size:16px}.about-product small{color:#7c8796;font-size:10px}.about-grid{border:1px solid #e5e9ee;border-radius:9px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.about-grid>div{border-bottom:1px solid #e5e9ee;border-right:1px solid #e5e9ee;align-content:center;gap:5px;min-height:68px;padding:13px 15px;display:grid}.about-grid>div:nth-child(2n){border-right:0}.about-grid>div:nth-last-child(-n+2){border-bottom:0}.about-grid span{color:#818b99;font-size:10px}.about-grid b,.about-grid a{color:#263142;font-size:11px;font-weight:600}.about-note{background:#f7f9fc;border-left:3px solid #2563eb;gap:5px;padding:14px 16px;display:grid}.about-note b{font-size:11px}.about-note span{color:#737e8e;font-size:10px;line-height:1.5}.about-footer{color:#8b95a4;justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex}.payment-warning{color:#8b5b12;background:#fff7e3;border:1px solid #efd18d;border-radius:9px;align-items:center;gap:12px;margin:18px 30px 0;padding:13px 16px;display:flex}.payment-warning>div{flex:1;gap:3px;display:grid}.payment-warning b{font-size:12px}.payment-warning span{color:#9b702d;font-size:10px}.payment-warning a{color:#8b5b12;font-size:11px;font-weight:700}.locked-page{background:#101c2c;place-items:center;min-height:100vh;padding:24px;display:grid}.locked-card{text-align:center;background:#fff;border-radius:14px;width:min(560px,100%);padding:42px;box-shadow:0 25px 70px #00000047}.locked-icon,.confirm-icon{color:#c33243;background:#fff0f1;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid}.locked-card small{color:#7b8595;font-weight:600}.locked-card h1{margin:12px 0;font-size:28px}.locked-card p{color:#6d7888;font-size:13px;line-height:1.7}.locked-actions{justify-content:center;gap:9px;margin-top:25px;display:flex}.locked-actions a{text-decoration:none}.confirm-modal{text-align:center;width:min(410px,100%)}.confirm-modal h2{margin:0}.confirm-modal p{margin:0 0 8px}.confirm-modal .modal-actions{justify-content:center}.danger-confirm{color:#fff;background:#c63445;border-color:#c63445}.notifications-modal{width:min(560px,100%)}.notification-list{gap:9px;max-height:430px;display:grid;overflow:auto}.notification-item{border:1px solid #e5e9ee;border-radius:9px;gap:6px;padding:13px 14px;display:grid}.notification-item.unread{background:#f3f7ff;border-color:#9bb7f3}.notification-item b{color:#1f2b3d;font-size:13px}.notification-item p{color:#5f6c7d;margin:0;font-size:12px;line-height:1.5}.notification-item small{color:#8b95a4;font-size:10px}.notification-empty{height:230px}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}}@media (width<=1200px){.workspace{grid-template-columns:minmax(600px,1fr) 280px}.metrics>div{padding:15px}.metrics small,.filters{display:none}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.app-shell{display:block}main{margin:0}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:12px 0 30px #0000002e}.sidebar.open{transform:translate(0)}.mobile-menu{display:grid}.topbar{padding:0 18px}.content{padding:22px 18px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid #e7eaef}.workspace{display:block}.report-summary{grid-template-columns:1fr 1fr}.detail-panel{border:0;border-top:1px solid #e2e6eb}}@media (width<=600px){.form-grid{grid-template-columns:1fr}.profile>div,.profile>svg,.company small,.company-icon{display:none}.content{padding-inline:13px}.page-head{align-items:flex-start}.page-head p{max-width:220px}.page-head .button{width:39px;padding:0;font-size:0}.page-head .button svg{margin:0}.metrics{grid-template-columns:1fr}.metrics>div{border-bottom:1px solid #e7eaef;border-right:0}.toolbar{flex-wrap:wrap;height:auto;padding-block:12px}.search{width:100%}.count,.pagination>span{display:none}.pagination{justify-content:center}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}