@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,system-ui,sans-serif;color:#172b2d;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:#fff;border-left:1px solid #e6eeee;padding:24px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#086c70;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:10px;transform:rotate(-2deg)}.brand-mark span{width:5px;border-radius:5px;background:#fff;transform:rotate(20deg)}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:24px}.brand strong{display:block;font-size:20px;line-height:1.1}.brand small{color:#779092;font-size:9px;letter-spacing:2.5px}.tenant-card{display:flex;align-items:center;gap:10px;border:1px solid #e3ebeb;border-radius:12px;padding:10px;margin-bottom:24px}.tenant-avatar,.avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#d9f0ef;color:#086c70;font-weight:800;width:38px;height:38px}.tenant-card div:nth-child(2){flex:1}.tenant-card span,.user-card span{display:block;font-weight:700;font-size:13px}.tenant-card small,.user-card small{color:#789092;font-size:11px}.nav-label{padding:0 13px;color:#9aabab;font-size:11px;font-weight:700}.nav-item{width:100%;border:0;background:transparent;color:#587073;padding:11px 13px;border-radius:9px;display:flex;align-items:center;gap:12px;margin:3px 0;text-align:right}.nav-item span{flex:1}.nav-item b{background:#e6f4f3;color:#087176;padding:1px 7px;border-radius:10px;font-size:11px}.nav-item.active{background:#e8f5f4;color:#086c70;font-weight:700}.sidebar-footer{margin-top:auto}.user-card{border-top:1px solid #edf1f1;margin-top:12px;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar{border-radius:50%;background:#eff1f1;color:#52696b}main{width:calc(100% - 260px);margin-right:260px}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6eeee;display:flex;align-items:center;padding:0 36px;gap:16px;position:sticky;top:0;z-index:10}.search{display:flex;align-items:center;background:#f4f7f7;color:#899b9c;border-radius:9px;padding:0 13px;width:330px}.search input{border:0;outline:0;background:transparent;padding:11px;width:100%}.icon-button{border:0;background:transparent;color:#5b7173;display:grid;place-items:center;position:relative}.notification{margin-right:auto;width:40px;height:40px;border:1px solid #e5ecec;border-radius:10px}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e85e53;top:8px;right:9px;border:1px solid #fff}.menu-button,.close-menu{display:none}.content{padding:34px 36px 50px;max-width:1500px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.welcome p{color:#819496;font-size:13px;margin:0 0 5px}.welcome h1{font-size:26px;margin:0 0 3px}.welcome span{color:#667c7e;font-size:14px}.primary-button{border:0;color:#fff;background:#087176;padding:11px 18px;border-radius:9px;display:flex;gap:8px;align-items:center;box-shadow:0 5px 12px #08717625}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel,.quick-actions{background:#fff;border:1px solid #e5ecec;border-radius:14px}.stat-card{padding:18px;position:relative}.stat-card p{color:#718789;margin:0 0 8px;font-size:13px}.stat-card>strong{font-size:24px}.stat-icon{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.stat-icon.teal{background:#e3f3f2;color:#087176}.stat-icon.blue{background:#e8f0fa;color:#4776b9}.stat-icon.violet{background:#f0eafa;color:#7753aa}.stat-icon.amber{background:#fff2dd;color:#d68b25}.stat-note{margin-top:12px;font-size:11px;display:flex;gap:6px;color:#8a9c9d}.stat-note b{color:#30926d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:16px;margin-top:18px}.panel{padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2,.quick-actions h2{font-size:16px;margin:0 0 3px}.panel-title p{color:#87999a;font-size:12px;margin:0}.panel-title button{border:0;background:transparent;color:#087176;display:flex;align-items:center;gap:2px}.table-wrap{overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th{color:#829496;font-size:11px;font-weight:500;text-align:right;background:#f7f9f9}th,td{padding:12px 10px;border-bottom:1px solid #edf2f2}td b{color:#087176}.status{padding:4px 10px;border-radius:12px;font-size:11px}.status.ready{color:#248360;background:#e7f6ee}.status.working{color:#a16a1d;background:#fff4df}.status.received{color:#4776b9;background:#eaf1fb}.status.delivery{color:#7657a5;background:#f0eafa}.donut{width:142px;height:142px;margin:22px auto;border-radius:50%;background:conic-gradient(#44a98a 0,#44a98a 31.5%,#e5a43e 31.5%,#e5a43e 60.5%,#5086c6 60.5%,#5086c6 87%,#8a68b8 87%);display:grid;place-items:center;position:relative}.donut:after{content:"";background:#fff;width:92px;height:92px;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:25px}.donut span{font-size:10px;color:#829496}.legend{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:11px;color:#607779}.legend span{display:flex;align-items:center;gap:6px}.legend b{margin-right:auto;color:#344d4f}.dot{width:7px;height:7px;border-radius:50%}.dot.received{background:#5086c6}.dot.working{background:#e5a43e}.dot.ready{background:#44a98a}.dot.delivery{background:#8a68b8}.quick-actions{padding:20px;margin-top:18px}.quick-actions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.quick-actions button{border:1px solid #e7eded;background:#fff;border-radius:11px;padding:14px;text-align:right;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;column-gap:11px}.quick-actions button>span{grid-row:1 / 3;background:#e6f4f3;color:#087176;width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.quick-actions b{font-size:13px}.quick-actions small{color:#8b9b9c}.backdrop{display:none}@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.progress-panel{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center}.quick-actions>div{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translate(105%);transition:transform .25s;box-shadow:-10px 0 30px #17333420}.sidebar-open{transform:translate(0)}.close-menu,.menu-button{display:grid}.close-menu{margin-right:auto}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0c252966;z-index:15}.topbar{padding:0 16px}.search{width:auto;flex:1}.content{padding:24px 16px 40px}main{margin:0;width:100%}.welcome{align-items:flex-start;gap:18px}.welcome h1{font-size:21px}.primary-button{padding:10px 12px;white-space:nowrap}.progress-panel{display:block}.quick-actions>div{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.quick-actions>div{grid-template-columns:1fr}.welcome span{display:none}.search input{min-width:0}.search{width:100px}}a{color:inherit;text-decoration:none}.sidebar-brand{display:flex;align-items:center;padding-bottom:24px}.sidebar-brand>.brand{flex:1;padding-bottom:0}.app-main{width:calc(100% - 260px);margin-right:260px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-header h1{font-size:25px;margin:0 0 4px}.page-header p{color:#718789;font-size:14px;margin:0}.panel-title a{color:#087176;display:flex;align-items:center;gap:2px;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.toolbar select{border:1px solid #dfe8e8;border-radius:9px;background:#fff;padding:10px 13px;color:#52696b;min-width:150px}.cards-list{display:grid;gap:10px}.customer-card{background:#fff;border:1px solid #e5ecec;border-radius:13px;padding:16px 18px;display:grid;grid-template-columns:46px minmax(180px,1.4fr) repeat(3,1fr) 34px;align-items:center;gap:16px}.customer-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#087176;background:#e4f3f2;font-weight:800}.customer-card h3{margin:0;font-size:15px}.customer-card p{margin:3px 0 0;color:#809294;font-size:12px}.customer-card small,.customer-card strong{display:block}.customer-card small{color:#8b9c9d;font-size:10px;margin-bottom:3px}.customer-card strong{font-size:13px}.customer-card>button{border:0;background:transparent;color:#6d8284}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.branch-card{background:#fff;border:1px solid #e5ecec;border-radius:14px;padding:20px}.branch-card-head{display:flex;justify-content:space-between;align-items:center}.branch-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;color:#087176;background:#e5f3f2}.branch-card h2{font-size:17px;margin:15px 0 3px}.branch-card>p{color:#788d8f;font-size:12px;margin:0}.branch-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.branch-metrics span{background:#f6f8f8;border-radius:9px;padding:10px}.branch-metrics small,.branch-metrics b{display:block}.branch-metrics small{color:#829496;font-size:10px}.branch-card footer{border-top:1px solid #edf1f1;padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:#73888a;font-size:12px}.branch-card footer button{border:0;background:transparent;color:#087176;font-weight:700}.tenant-table{margin-top:18px}.empty-state{text-align:center;padding:70px 20px}.empty-state>div{width:58px;height:58px;display:grid;place-items:center;background:#e5f3f2;color:#087176;border-radius:16px;margin:auto}.empty-state h2{font-size:18px;margin:16px 0 5px}.empty-state p{color:#7c8f91;margin:0;font-size:13px}.status.completed{color:#607375;background:#edf1f1}.login-page{width:100%;margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr;background:#fff}.login-card{padding:54px clamp(35px,7vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative}.login-card>.brand{position:absolute;top:35px;padding:0}.login-heading h1{font-size:28px;margin:0 0 7px}.login-heading p,.demo-note{color:#75898b;font-size:13px}.login-card form{display:grid;gap:16px;margin-top:30px}.login-card form>label{color:#435b5d;font-size:12px;font-weight:700}.login-card form>label input{width:100%;display:block;border:1px solid #dce6e6;border-radius:9px;padding:12px;margin-top:6px;outline-color:#087176}.form-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6f8385}.form-meta label{display:flex;gap:6px;align-items:center}.form-meta button{border:0;background:none;color:#087176}.login-submit{justify-content:center;width:100%}.demo-note{text-align:center;margin-top:24px}.login-art{background:linear-gradient(145deg,#075d61,#0c8589);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;position:relative}.login-art:before,.login-art:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff1f;border-radius:50%}.login-art:before{transform:translate(230px,-250px)}.login-art:after{width:520px;height:520px;transform:translate(-320px,310px)}.login-art svg{background:#ffffff16;border:1px solid #ffffff24;padding:22px;width:140px;height:140px;border-radius:34px}.login-art h2{font-size:30px;margin:30px 0 5px}.login-art p{color:#d3ecec}@media(max-width:1100px){.branch-grid{grid-template-columns:1fr 1fr}.customer-card{grid-template-columns:46px 1.4fr 1fr 1fr 34px}.customer-card>div:nth-of-type(5){display:none}}@media(max-width:760px){.app-main{margin:0;width:100%}.page-header{align-items:flex-start;gap:18px}.page-header h1{font-size:21px}.branch-grid{grid-template-columns:1fr}.customer-card{grid-template-columns:44px 1fr 34px}.customer-card>div:not(.customer-avatar):not(.customer-main){display:none}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{min-height:100vh}}.pos-page{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:18px;align-items:start}.pos-catalog{min-width:0}.pos-search{width:100%;background:#fff;border:1px solid #e3ebeb}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0}.category-tabs button{border:1px solid #dfe8e8;background:#fff;color:#63797b;border-radius:20px;padding:7px 15px;white-space:nowrap}.category-tabs button.active{color:#fff;background:#087176;border-color:#087176}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.service-tile{position:relative;border:1px solid #e0e9e9;background:#fff;border-radius:13px;padding:16px;min-height:145px;text-align:right;transition:border-color .15s,transform .15s}.service-tile:hover{border-color:#40a0a3;transform:translateY(-2px)}.service-tile>span{color:#087176;background:#e9f5f4;padding:3px 8px;border-radius:10px;font-size:10px}.service-tile h3{font-size:14px;margin:15px 0 3px}.service-tile small{display:block;color:#849698;font-size:10px}.service-tile b{display:block;color:#087176;margin-top:12px}.service-tile i{position:absolute;left:12px;top:12px;background:#087176;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-style:normal;font-size:11px}.cart-panel{background:#fff;border:1px solid #e2eaea;border-radius:14px;padding:18px;position:sticky;top:90px}.cart-title,.cart-title>div{display:flex;align-items:center}.cart-title{justify-content:space-between;border-bottom:1px solid #edf1f1;padding-bottom:14px}.cart-title>div{gap:8px}.cart-title h2{font-size:16px;margin:0}.cart-title button{border:0;background:#faeceb;color:#c55249;border-radius:8px;padding:7px;display:grid;place-items:center}.cart-customer{display:grid;gap:6px;color:#647a7c;font-size:11px;font-weight:700;margin:15px 0}.cart-customer select{border:1px solid #dfe8e8;border-radius:9px;padding:10px;color:#304a4c;background:#fff}.cart-lines{min-height:200px;max-height:310px;overflow-y:auto}.cart-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2b0b1;text-align:center}.cart-empty p{color:#657a7c;margin:10px 0 2px;font-weight:700}.cart-empty small{font-size:10px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid #edf2f2}.cart-line>div:first-child b,.cart-line>div:first-child small{display:block}.cart-line>div:first-child b{font-size:12px}.cart-line>div:first-child small{font-size:10px;color:#87999a;margin-top:3px}.cart-line>strong{font-size:11px;color:#087176}.quantity{display:flex;align-items:center;gap:8px;grid-row:1/3;grid-column:2}.quantity button{width:25px;height:25px;display:grid;place-items:center;border:1px solid #dce6e6;background:#fff;border-radius:7px;color:#087176}.quantity button svg{width:13px}.quantity span{font-size:12px;font-weight:700}.cart-summary{border-top:1px solid #e8eeee;padding-top:13px;display:grid;gap:9px}.cart-summary>span{display:flex;justify-content:space-between;color:#718587;font-size:11px}.cart-summary b{color:#324c4e}.cart-summary .cart-total{border-top:1px dashed #d9e3e3;padding-top:12px;color:#1b3436;font-size:14px;font-weight:800}.cart-total b{color:#087176;font-size:18px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.payment-methods button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe8e8;color:#62787a;background:#fff;border-radius:9px;padding:9px}.payment-methods button svg{width:17px}.payment-methods button.active{color:#087176;border-color:#087176;background:#edf8f7}.checkout-button{width:100%;justify-content:center}.checkout-button:disabled{opacity:.45;cursor:not-allowed}.success-card{max-width:540px;margin:65px auto;text-align:center;padding:50px}.success-icon{width:70px;height:70px;display:grid;place-items:center;background:#e3f5eb;color:#258159;border-radius:50%;margin:auto}.success-card h1{font-size:24px;margin:20px 0 5px}.success-card p{color:#708486}.success-card>strong{color:#087176;font-size:28px;display:block;margin:20px 0}.success-card>div:last-child{display:flex;justify-content:center;gap:10px}.secondary-button{border:1px solid #dce6e6;background:#fff;color:#4f6769;border-radius:9px;padding:10px 16px;display:flex;gap:7px;align-items:center}.service-table{margin-top:0}@media(max-width:1150px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pos-page{grid-template-columns:1fr}.cart-panel{position:static}.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.service-grid{grid-template-columns:repeat(2,1fr)}.pos-page{gap:12px}.success-card{padding:35px 18px}.success-card>div:last-child{flex-direction:column}.success-card button{justify-content:center}}@media print{.sidebar,.topbar,.pos-catalog{display:none!important}.app-main,.content{margin:0!important;padding:0!important;width:100%!important}.success-card{border:0;box-shadow:none}}.shift-banner{background:linear-gradient(120deg,#075f63,#09858a);color:#fff;border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:30px}.shift-live{display:flex;align-items:center;gap:11px;flex:1}.shift-live i{width:10px;height:10px;background:#71e7ae;border-radius:50%;box-shadow:0 0 0 5px #ffffff15}.shift-live b,.shift-live span{display:block}.shift-live span{color:#cce8e8;font-size:11px;margin-top:2px}.shift-clock{display:grid;grid-template-columns:24px auto;column-gap:8px}.shift-clock svg{grid-row:1/3;align-self:center}.shift-clock span{color:#cce8e8;font-size:10px}.shift-clock b{font-size:15px;direction:ltr}.shift-banner>button{border:1px solid #ffffff4f;background:#ffffff14;color:#fff;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:7px}.shift-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.shift-stats article{background:#fff;border:1px solid #e4ebeb;border-radius:13px;padding:16px;display:flex;gap:12px;align-items:center}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.metric-icon svg{width:20px}.metric-icon.teal{color:#087176;background:#e3f3f2}.metric-icon.blue{color:#4776b9;background:#e8f0fa}.metric-icon.amber{color:#d68b25;background:#fff2dd}.metric-icon.red{color:#c75d54;background:#faeae8}.shift-stats small,.shift-stats strong,.shift-stats p{display:block}.shift-stats small{color:#788d8f}.shift-stats strong{font-size:18px;margin:3px 0}.shift-stats p{font-size:10px;color:#95a3a4;margin:0}.finance-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:16px}.expense-list{margin-top:14px}.expense-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf2f2}.expense-icon{width:38px;height:38px;display:grid;place-items:center;color:#c75d54;background:#faecea;border-radius:10px}.expense-icon svg{width:18px}.expense-row>div{flex:1}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:13px}.expense-row small{font-size:10px;color:#849698;margin-top:3px}.expense-row>strong{color:#c0524a;font-size:13px}.cash-card h2{font-size:16px;margin-top:0}.cash-card>div{display:grid;gap:12px}.cash-card span{display:flex;justify-content:space-between;font-size:12px;color:#6d8284}.cash-card b{color:#2c4749}.cash-card .negative{color:#c0524a}.cash-card .cash-total{border-top:1px dashed #d7e1e1;padding-top:15px;font-weight:800;color:#2c4749}.cash-card .cash-total b{color:#087176;font-size:17px}.cash-card>p{background:#f4f8f8;color:#7b8e90;font-size:10px;line-height:1.6;padding:10px;border-radius:8px;margin:18px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#102b2e80;padding:18px}.expense-modal{width:min(430px,100%);background:#fff;border-radius:15px;padding:22px;box-shadow:0 25px 70px #102b2e30}.modal-title{display:flex;justify-content:space-between;margin-bottom:20px}.modal-title h2{font-size:19px;margin:0 0 3px}.modal-title p{color:#7c8f91;font-size:11px;margin:0}.modal-title button{border:0;background:#f1f4f4;border-radius:8px;color:#607779;display:grid;place-items:center;width:34px;height:34px}.modal-title button svg{width:18px}.expense-modal>label{display:grid;gap:6px;color:#52696b;font-size:11px;font-weight:700;margin-top:14px}.expense-modal input,.expense-modal select{border:1px solid #dce6e6;border-radius:9px;padding:11px;background:#fff;outline-color:#087176}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.inventory-summary article{background:#fff;border:1px solid #e4ebeb;border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center}.inventory-summary article>svg{color:#087176;background:#e4f3f2;border-radius:10px;padding:9px;width:43px;height:43px}.inventory-summary .warning>svg{color:#bd7620;background:#fff1dc}.inventory-summary small,.inventory-summary strong{display:block}.inventory-summary small{color:#7c8f91;font-size:11px}.inventory-summary strong{font-size:21px;margin-top:2px}.stock-alert{background:#fff5e5;color:#925f1c;border:1px solid #f1d8ae;border-radius:12px;padding:13px 16px;margin-bottom:15px;display:flex;gap:11px;align-items:center}.stock-alert>svg{flex:0 0 auto}.stock-alert b{font-size:13px}.stock-alert p{margin:2px 0 0;font-size:11px}.status.danger{color:#b64d45;background:#fbe9e7}@media(max-width:1100px){.shift-stats{grid-template-columns:1fr 1fr}.finance-grid{grid-template-columns:1fr}}@media(max-width:650px){.shift-banner{align-items:flex-start;flex-wrap:wrap;gap:15px}.shift-banner>button{width:100%;justify-content:center}.shift-stats,.inventory-summary{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .search{width:100%}}.sidebar nav{overflow-y:auto;scrollbar-width:thin}.sidebar .nav-item{padding-block:9px}.table-person{display:flex;align-items:center;gap:9px}.table-person i{width:30px;height:30px;border-radius:8px;background:#e5f3f2;color:#087176;display:grid;place-items:center;font-style:normal;font-weight:800}.table-action{border:0;background:transparent;color:#718587}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.roles-grid article{background:#fff;border:1px solid #e4ebeb;border-radius:13px;padding:17px}.roles-grid svg{color:#087176;width:22px}.roles-grid h3{font-size:14px;margin:10px 0 4px}.roles-grid p{color:#788d8f;font-size:11px;line-height:1.6;min-height:36px}.roles-grid b{color:#087176;font-size:11px}.header-actions{display:flex;gap:8px}.reports-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:16px;margin-top:16px}.chart-panel{min-width:0}.bar-chart{height:240px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding-top:35px;border-bottom:1px solid #e8eeee;margin-top:14px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar-chart i{width:min(42px,75%);background:linear-gradient(#23a0a4,#087176);border-radius:7px 7px 0 0}.bar-chart span{font-size:9px;color:#718587}.bar-chart b{font-size:10px;color:#617779}.ranking{margin-top:14px}.ranking>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f2}.ranking>div>i{width:26px;height:26px;display:grid;place-items:center;background:#e8f4f3;color:#087176;border-radius:8px;font-style:normal;font-size:10px;font-weight:800}.ranking span{flex:1}.ranking span b,.ranking span small{display:block}.ranking span b{font-size:12px}.ranking span small{color:#859698;font-size:9px}.ranking strong{font-size:11px}.branch-report{margin-top:16px}.positive{color:#25845f;font-weight:700}.delivery-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.delivery-board>div{background:#edf2f2;border-radius:13px;padding:10px;min-height:330px}.delivery-board>div>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;padding:5px 3px 13px}.delivery-board>div>span svg{width:17px;color:#087176}.delivery-board>div>span b{margin-right:auto;background:#fff;padding:1px 7px;border-radius:10px}.delivery-card{background:#fff;border:1px solid #dfe8e8;border-radius:11px;padding:13px;margin-bottom:9px}.delivery-card>div{display:flex;justify-content:space-between;align-items:center}.delivery-card>div>b{color:#087176;font-size:12px}.delivery-card h3{font-size:13px;margin:13px 0 8px}.delivery-card p{display:flex;gap:5px;color:#74888a;font-size:10px;margin:6px 0;line-height:1.5}.delivery-card p svg{width:13px;flex:0 0 auto}.delivery-card footer{border-top:1px solid #edf2f2;padding-top:9px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#7c8e90;font-size:10px}.delivery-card footer button{border:0;background:#e5f3f2;color:#087176;border-radius:7px;display:grid;place-items:center;width:29px;height:29px}.delivery-card footer svg{width:14px}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:start}.settings-layout>nav{background:#fff;border:1px solid #e4ebeb;border-radius:13px;padding:8px}.settings-layout>nav button{width:100%;display:flex;gap:9px;align-items:center;border:0;background:transparent;color:#607779;padding:11px;border-radius:8px;text-align:right}.settings-layout>nav button svg{width:18px}.settings-layout>nav button.active{background:#e7f4f3;color:#087176;font-weight:700}.settings-form>h2{font-size:17px;margin:0 0 3px}.settings-form>p{color:#7b8f91;font-size:11px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;color:#52696b;font-size:11px;font-weight:700}.form-grid input,.form-grid select{border:1px solid #dce6e6;border-radius:9px;padding:11px;background:#fff;outline-color:#087176}.form-grid .wide{grid-column:1/-1}.settings-form .section-title{border-top:1px solid #e9eeee;padding-top:20px;margin-top:24px}.notification-list{padding:0;overflow:hidden}.notification-list article{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #edf2f2;position:relative}.notification-list article.unread{background:#f3fafa}.notice-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e5f3f2;color:#087176;flex:0 0 auto}.notice-icon svg{width:20px}.notice-icon.warning{background:#fff0dc;color:#bd7620}.notice-icon.delivery{background:#eee9f7;color:#7753aa}.notification-list article>div:nth-child(2){flex:1}.notification-list h3{font-size:13px;margin:0 0 3px}.notification-list p{color:#708486;font-size:11px;margin:0 0 4px}.notification-list small{color:#97a5a6;font-size:9px}.notification-list article>i{width:7px;height:7px;border-radius:50%;background:#087176}@media(max-width:1200px){.roles-grid,.delivery-board{grid-template-columns:1fr 1fr}.reports-grid{grid-template-columns:1fr}.delivery-board>div{min-height:240px}}@media(max-width:700px){.roles-grid,.delivery-board,.settings-layout{grid-template-columns:1fr}.settings-layout>nav{display:flex;overflow-x:auto}.settings-layout>nav button{white-space:nowrap}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.header-actions{flex-direction:column}.bar-chart i{width:65%}}.landing-page{width:100%;margin:0;background:#f8fbfa;color:#173638;min-height:100vh}.landing-nav{height:86px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.landing-nav .brand,.landing-footer .brand{padding:0}.landing-nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.landing-login{border:1px solid #bad4d3;border-radius:9px;padding:9px 16px;color:#087176}.landing-hero{min-height:630px;max-width:1180px;margin:auto;padding:70px 28px 90px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.landing-kicker{display:inline-flex;align-items:center;gap:7px;color:#087176;background:#e7f5f3;border:1px solid #d2ebe8;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.landing-kicker svg{width:16px}.landing-copy h1{font-size:clamp(46px,6vw,76px);line-height:1.08;letter-spacing:-2px;margin:22px 0}.landing-copy h1 em{color:#0b8588;font-style:normal}.landing-copy>p{font-size:18px;line-height:1.9;color:#607b7d;max-width:630px}.landing-actions{display:flex;gap:11px;margin:30px 0 24px}.landing-actions a{justify-content:center;padding:13px 20px}.landing-actions svg{width:18px}.landing-trust{display:flex;gap:22px;color:#668082;font-size:12px}.landing-trust span{display:flex;align-items:center;gap:6px}.landing-trust svg{width:16px;color:#2a9b74}.landing-visual{display:grid;place-items:center}.landing-orbit{width:380px;height:380px;border-radius:50%;background:linear-gradient(145deg,#087176,#0da0a4);display:grid;place-items:center;position:relative;box-shadow:0 40px 80px #08717635}.landing-orbit:before,.landing-orbit:after{content:"";position:absolute;border:1px solid #0b85882f;border-radius:50%}.landing-orbit:before{top:-35px;right:-35px;bottom:-35px;left:-35px}.landing-orbit:after{top:-72px;right:-72px;bottom:-72px;left:-72px}.landing-orbit>svg{width:155px;height:155px;color:#fff;background:#ffffff16;border:1px solid #ffffff28;border-radius:38px;padding:32px}.landing-orbit span{position:absolute;background:#fff;color:#315557;padding:10px 17px;border-radius:10px;box-shadow:0 12px 30px #17363822;font-weight:700;font-size:12px}.landing-orbit span:nth-of-type(1){top:35px;right:-25px}.landing-orbit span:nth-of-type(2){bottom:55px;right:-45px}.landing-orbit span:nth-of-type(3){top:120px;left:-45px}.landing-features{background:#fff;padding:90px max(28px,calc((100% - 1124px)/2))}.landing-features>div:first-child{text-align:center;max-width:650px;margin:0 auto 44px}.landing-features>div:first-child>span{color:#087176;font-weight:800;font-size:13px}.landing-features h2{font-size:34px;margin:10px 0}.landing-features>div:first-child p{color:#71898b;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:#f8fbfa;border:1px solid #e1eceb;border-radius:15px;padding:25px}.feature-grid article>svg{width:42px;height:42px;padding:10px;color:#087176;background:#e5f3f2;border-radius:11px}.feature-grid h3{font-size:17px;margin:18px 0 6px}.feature-grid p{color:#718789;font-size:13px;line-height:1.7;margin:0}.landing-footer{background:#092f32;color:#fff;padding:34px max(28px,calc((100% - 1124px)/2));display:flex;align-items:center;gap:30px}.landing-footer .brand small{color:#8fb2b4}.landing-footer p{color:#a9c2c3;flex:1}.landing-footer>a{display:flex;align-items:center;gap:6px;color:#8ed5d3;font-weight:700}.landing-footer>a svg{width:17px}@media(max-width:850px){.landing-nav nav>a:not(.landing-login){display:none}.landing-hero{grid-template-columns:1fr;text-align:center;padding-top:55px}.landing-copy>p{margin-inline:auto}.landing-actions,.landing-trust{justify-content:center}.landing-visual{padding:35px 0}.landing-orbit{width:290px;height:290px}.landing-orbit>svg{width:125px;height:125px}.feature-grid{grid-template-columns:1fr 1fr}.landing-footer{flex-wrap:wrap}.landing-footer p{min-width:60%}}@media(max-width:560px){.landing-nav{padding:0 18px}.landing-nav nav{gap:10px}.landing-login{padding:8px 11px}.landing-hero{padding:45px 18px 70px}.landing-copy h1{font-size:43px}.landing-copy>p{font-size:15px}.landing-actions{flex-direction:column}.landing-trust{flex-direction:column;gap:7px;align-items:center}.landing-orbit{width:235px;height:235px}.landing-orbit:after{display:none}.landing-orbit span:nth-of-type(3){left:-25px}.feature-grid{grid-template-columns:1fr}.landing-features{padding-block:65px}.landing-features h2{font-size:27px}.landing-footer{align-items:flex-start;flex-direction:column;gap:15px}.landing-footer p{margin:0}}.platform-admin{width:100%;margin:0;min-height:100vh;background:#f4f7f7}.platform-admin-nav{height:76px;background:#fff;border-bottom:1px solid #e3ebeb;padding:0 max(24px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between}.platform-admin-nav .brand{padding:0}.platform-admin-nav>div{display:flex;align-items:center;gap:18px;color:#6b8183;font-size:12px}.platform-admin-nav button{border:0;background:#eef5f4;color:#087176;border-radius:8px;padding:8px 11px;display:flex;align-items:center;gap:6px}.platform-admin-nav button svg{width:16px}.platform-admin-content{max-width:1280px;margin:auto;padding:38px 24px 70px}.platform-admin .tenant-table{margin-top:18px}.platform-admin .demo-note{padding:35px}