@import url("ux_v051.css");
/* MassBuild ERP v0.4.5 — unified visual system */
:root{--bg:#f3f6fb;--surface:#fff;--surface-soft:#f8fafc;--ink:#172033;--muted:#738096;--line:#e4e9f1;--nav:#101d34;--nav2:#172a49;--primary:#315efb;--primary-soft:#eef3ff;--green:#119b72;--amber:#d59021;--red:#d6495d;--purple:#7656d8;--cyan:#1595ad;--radius:16px;--shadow:0 10px 34px rgba(27,39,65,.07);--shadow-lg:0 20px 60px rgba(27,39,65,.10)}
body{background:linear-gradient(180deg,#f7f9fc 0,#f2f5fa 100%);color:var(--ink);font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif}.app-shell{grid-template-columns:258px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#101d34 0,#0d192c 100%);padding:17px 13px;border-left:1px solid rgba(255,255,255,.04)}.sidebar .brand{padding:5px 8px 18px;margin-bottom:10px}.sidebar .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7aa7ff,#315efb);box-shadow:0 9px 24px rgba(49,94,251,.28)}.sidebar .brand strong{font-size:13px;letter-spacing:.01em}.sidebar .brand small{font-size:8px;color:#91a4c2}.nav-label{padding:14px 10px 6px;color:#6f84a6;font-size:8px;font-weight:900}.side-nav{gap:3px}.nav-item{min-height:39px;padding:8px 9px;border-radius:10px;color:#c8d4e7;font-size:11px;font-weight:700}.nav-item:hover{background:rgba(122,167,255,.10);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(49,94,251,.19),rgba(122,167,255,.08));box-shadow:inset -3px 0 #7aa7ff;color:#fff}.nav-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.045);font-size:14px}.nav-item.active .nav-icon{background:rgba(122,167,255,.15)}.sidebar-foot{padding:11px 12px;margin-top:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.04);font-size:8px;line-height:1.75}.topbar{height:64px;padding:8px 22px;background:rgba(255,255,255,.88);border-bottom-color:#e8edf4;box-shadow:0 4px 20px rgba(27,39,65,.025)}.topbar-right>div>b{font-size:12px}.page-title-mini{font-size:9px;color:#8490a2}.topbar-left{gap:7px}.user-chip{padding:5px 7px;border-radius:11px;background:#fbfcfe}.avatar{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#eef3ff,#dce7ff);color:#315efb}.user-chip b{font-size:10px}.user-chip small{font-size:7px}.page{max-width:1680px;padding:21px 22px 42px}.page-head{align-items:center;margin-bottom:15px}.page-head h1{font-size:21px;letter-spacing:-.01em}.page-head p{font-size:9px;color:#7b8799}.head-actions{gap:6px}.btn{min-height:37px;border-radius:10px;padding:7px 11px;font-size:10px;box-shadow:none}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,39,65,.06)}.btn-primary{background:linear-gradient(135deg,#315efb,#4877ff);box-shadow:0 7px 18px rgba(49,94,251,.16)}.btn-light{background:#fff;border-color:#e1e7ef;color:#42506a}.btn-soft{background:#eef3ff;border-color:#dfe8ff;color:#315efb}.btn-danger{background:#fff3f5;border-color:#ffd6dd;color:#c7354e}.btn-xs{min-height:31px;padding:5px 8px;font-size:8px}.hero{border-radius:19px;padding:20px 22px;background:linear-gradient(135deg,#15233d,#203b66 64%,#315efb)}.hero h1{font-size:23px}.hero p{font-size:9px}.hero-pill{font-size:8px;padding:4px 8px}.kpi-grid{gap:10px;margin:13px 0}.kpi{border-radius:14px;padding:13px 14px;box-shadow:0 5px 18px rgba(27,39,65,.025)}.kpi-label{font-size:8px}.kpi-icon{width:31px;height:31px;border-radius:9px}.kpi-value{font-size:20px;margin-top:6px}.kpi-foot{font-size:7px}.grid-2,.grid-3{gap:11px}.card{border-radius:15px;box-shadow:0 6px 22px rgba(27,39,65,.028)}.card-head{padding:13px 15px}.card-head h2,.card-head h3{font-size:12px}.card-head p{font-size:8px}.card-body{padding:14px}.toolbar{border-radius:13px;padding:9px 10px;margin-bottom:11px}.field-inline,.filters input,.filters select{min-height:36px;border-radius:9px;font-size:9px}.search{min-width:225px}.data-table{font-size:9px}.data-table th{font-size:8px;letter-spacing:.01em}.data-table th,.data-table td{padding:9px 10px}.data-table tbody tr{transition:.12s}.data-table tbody tr:hover{background:#f8faff}.status{font-size:8px;padding:3px 7px}.detail-grid{gap:11px}.summary-row span{font-size:8px}.summary-row b{font-size:9px}.module-grid{gap:9px}.module-card{border-radius:13px!important;padding:12px!important;transition:.16s}.module-card:hover{transform:translateY(-2px);border-color:#cbd9ff!important;box-shadow:0 10px 25px rgba(49,94,251,.07)}.module-icon{background:#eef3ff!important;color:#315efb!important}.form-control,.field input,.field select,.field textarea{border-radius:9px!important;border-color:#dfe5ed!important}.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#8eabff!important;box-shadow:0 0 0 3px rgba(49,94,251,.07)!important}.messages{gap:6px}.message{border-radius:10px;padding:9px 12px;font-size:9px}.pagination{font-size:9px}.empty{color:#8793a5}.workflow-tabs{border-radius:12px;padding:5px}.workflow-tab{font-size:8px;padding:7px 10px}.workflow-definition-card{border-radius:14px}.workflow-step-row{border-radius:11px}.charge-tabs,.charge-period-card,.charge-dashboard-card{border-radius:14px}
@media(max-width:950px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:-275px;width:258px;transition:.2s;box-shadow:-20px 0 50px rgba(15,23,42,.18)}.sidebar.open{right:0}.mobile-menu{display:inline-flex}.page{padding:16px 13px 34px}.topbar{padding-inline:13px}.user-chip span:last-child{display:none}.topbar-left>a.btn{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3,.detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}.kpi-grid{grid-template-columns:1fr 1fr}.toolbar .filters{width:100%}.filters input,.filters select,.filters .btn{flex:1;min-width:140px}.search{min-width:100%;width:100%}.topbar-left form{display:none}}