*{box-sizing:border-box}body{margin:0;background:#f4f2ef;font-family:system-ui,'Segoe UI',Arial,sans-serif;color:#2e241a}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff8ec;border-right:1px solid #ead9c4;padding:18px;position:fixed;height:100vh;overflow:auto}.brand{font-weight:800;font-size:18px;margin-bottom:10px}.role{background:#2c241a;color:#f9eed7;padding:10px 12px;border-radius:16px;margin-bottom:18px;font-size:13px}.nav a{display:block;text-decoration:none;color:#3e2c1c;padding:11px 12px;border-radius:14px;margin-bottom:6px;font-weight:600}.nav a:hover,.nav a.active{background:#fff0da;color:#b45f1b}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:64px;background:#2c241a;color:#f9eed7;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.logout{background:#e27c5c;color:#fff;text-decoration:none;border-radius:999px;padding:8px 14px;font-size:13px}.content{padding:26px}.card{background:#fff;border:1px solid #f0e5d8;border-radius:24px;padding:22px;margin-bottom:22px;box-shadow:0 8px 20px rgba(0,0,0,.04)}h1,h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.metric{background:#faf5ea;border-radius:18px;padding:18px;border:1px solid #ede3d0}.metric b{font-size:24px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #f0e2d2}th{background:#faf5ea;color:#5c3e25}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #decdb8;border-radius:12px;margin:6px 0 12px}button,.btn{background:#f4b942;border:0;color:#2c241a;padding:9px 15px;border-radius:999px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.danger{background:#e27c5c;color:#fff}.ok{background:#2b6e3c;color:#fff}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alert{background:#fff2df;border-left:5px solid #f4b942;padding:14px;border-radius:16px;margin-bottom:18px}.login{max-width:420px;margin:70px auto}.badge{border-radius:999px;background:#fef0ce;color:#b5711a;padding:4px 9px;font-size:12px;font-weight:700}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0;width:100%}.layout{display:block}.grid,.form-row{grid-template-columns:1fr}.topbar{height:auto;gap:10px;align-items:flex-start;flex-direction:column;padding:16px}}

/* Employees owner CRUD upgrade */
.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0 0 6px}.page-head p{margin:0;color:#7a654d}.badge{background:#fff0d2;color:#8a5614;border:1px solid #f5d38a;border-radius:999px;padding:8px 14px;font-weight:700;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{background:#fffaf1;border:1px solid #f0dfc4;border-radius:18px;padding:16px}.stat-label{color:#7a654d;font-size:13px}.stat-value{font-size:28px;font-weight:800;color:#2d2418}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;font-weight:700;color:#4a3825;font-size:13px;gap:6px}.form-grid input,.form-grid select,.form-grid textarea,.filter-row input,.filter-row select{border:1px solid #e6d8c4;border-radius:12px;padding:10px;background:#fff;font:inherit}.span-2{grid-column:span 2}.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}.btn,button{display:inline-block;text-decoration:none;border:0;border-radius:999px;padding:9px 15px;background:#f4b942;color:#2d2418;font-weight:800;cursor:pointer}.btn.secondary{background:#eee1cf;color:#4a3825}.btn.small,button.small{font-size:12px;padding:6px 10px}.danger,button.danger{background:#dc6b4d!important;color:white!important}.alert{border-radius:16px;padding:12px 14px;margin-bottom:16px}.alert.success{background:#e9f8ed;color:#1e6b35;border-left:5px solid #2f9e44}.alert.danger{background:#fff0ec;color:#9a3412;border-left:5px solid #dc6b4d}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row input{min-width:280px;flex:1}.table-wrap{overflow:auto}.table-card table{min-width:1100px}.pill{background:#f7ead5;color:#7b4d17;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.actions{white-space:nowrap}.note{color:#80664b;font-size:13px;background:#fff8ec;border-radius:12px;padding:10px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.page-head{flex-direction:column}.filter-row input{min-width:100%}}

/* Professional responsive employees page v2 */
.employee-hero{display:flex;justify-content:space-between;gap:22px;align-items:stretch;background:linear-gradient(135deg,#2c241a,#4b3523);color:#fff7e8;border-radius:28px;padding:26px;margin-bottom:20px;box-shadow:0 18px 35px rgba(44,36,26,.18)}
.employee-hero .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#f4c76f;font-weight:800;margin-bottom:8px}.employee-hero h1{font-size:30px;margin:0 0 10px}.employee-hero p{max-width:850px;margin:0;line-height:1.65;color:#f7e9d2}.hero-side{min-width:210px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:14px}.role-chip,.mini-badge{background:#fff3d1;color:#7c4b0d;border:1px solid #f3d084;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap}.hero-btn{box-shadow:0 10px 20px rgba(244,185,66,.22)}
.employee-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.kpi-card{background:#fff;border:1px solid #efe1cf;border-radius:22px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.04)}.kpi-card.primary{background:#fff8e9;border-color:#f2d391}.kpi-card span{display:block;color:#7a654d;font-size:13px;font-weight:800}.kpi-card strong{display:block;font-size:32px;margin:4px 0;color:#2c241a}.kpi-card small{color:#92765b}.employee-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.section-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.section-title-row.compact{margin-bottom:14px}.section-title-row h2{margin:0 0 5px}.section-title-row p{margin:0;color:#80664b;line-height:1.5}.employee-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.employee-form-grid label{display:flex;flex-direction:column;font-weight:800;color:#4a3825;font-size:13px;gap:7px}.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea,.employee-filter-bar input,.employee-filter-bar select{width:100%;border:1px solid #e1d0ba;border-radius:14px;padding:11px 12px;background:#fff;font:inherit;outline:none}.employee-form-grid input:focus,.employee-form-grid select:focus,.employee-form-grid textarea:focus,.employee-filter-bar input:focus,.employee-filter-bar select:focus{border-color:#f4b942;box-shadow:0 0 0 3px rgba(244,185,66,.18)}.span-full{grid-column:1/-1}.span-2{grid-column:span 2}.form-section{border-top:1px solid #f1e4d3;padding-top:14px;margin-top:2px}.form-section h3{font-size:15px;margin:0;color:#8a5614}.form-section small{font-weight:600;color:#9a7b5b}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff);padding-top:12px;border-top:1px solid #f1e4d3;z-index:2}.employee-help-card{background:#fffaf1;border:1px solid #efe1cf;border-radius:24px;padding:20px;position:sticky;top:84px;box-shadow:0 8px 20px rgba(0,0,0,.04)}.employee-help-card h3{margin-top:0}.employee-help-card ul{padding-left:20px;margin-bottom:0;line-height:1.7;color:#6b533a}.employee-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 160px auto auto;gap:10px;align-items:center}.employee-list-card{overflow:hidden}.employee-table{min-width:980px}.employee-table th{position:sticky;top:0;z-index:1}.employee-table td{vertical-align:middle}.employee-table small{color:#80664b}.status-pill{display:inline-flex;align-items:center;justify-content:center;background:#edf8ef;color:#26743d;border:1px solid #bfe8c8;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;min-width:56px}.actions{white-space:nowrap}.actions form{margin-left:6px}.mobile-employee-cards{display:none}.employee-mobile-card{background:#fffaf1;border:1px solid #efe1cf;border-radius:20px;padding:14px;margin-bottom:12px}.mobile-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #f0e2d2;padding-bottom:10px;margin-bottom:10px}.mobile-card-top strong{display:block;font-size:17px}.mobile-card-top small{display:block;color:#80664b;margin-top:2px}.mobile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-info-grid div{background:#fff;border:1px solid #f1e4d3;border-radius:14px;padding:10px;min-width:0}.mobile-info-grid span{display:block;font-size:11px;color:#8c7054;font-weight:800}.mobile-info-grid b{display:block;font-size:13px;overflow-wrap:anywhere;color:#2c241a}.mobile-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.mobile-actions form{margin:0}.btn.small,button.small{padding:7px 11px;font-size:12px}.note{margin-top:14px}
@media(max-width:1180px){.employee-layout{grid-template-columns:1fr}.employee-help-card{position:relative;top:auto}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-bar{grid-template-columns:1fr 1fr 1fr}.employee-filter-bar button,.employee-filter-bar .btn{width:100%;text-align:center}}
@media(max-width:760px){.content{padding:16px}.employee-hero{flex-direction:column;padding:20px;border-radius:22px}.employee-hero h1{font-size:24px}.hero-side{min-width:0;align-items:stretch}.role-chip,.mini-badge{text-align:center;white-space:normal}.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{padding:14px;border-radius:18px}.kpi-card strong{font-size:26px}.section-title-row{flex-direction:column}.employee-form-grid{grid-template-columns:1fr}.span-2{grid-column:1/-1}.employee-filter-bar{grid-template-columns:1fr}.desktop-table{display:none}.mobile-employee-cards{display:block}.employee-search-card,.employee-list-card,.employee-form-card{border-radius:20px;padding:16px}.mobile-actions .btn,.mobile-actions button{width:100%;text-align:center}.mobile-actions{align-items:stretch}.mobile-actions form{flex:1}.mobile-actions .btn{flex:1}.sticky-actions{position:static}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn,.form-actions button{width:100%;text-align:center}}

/* Assets page uses the same clean responsive layout as employees */
.asset-hero{background:linear-gradient(135deg,#263238,#4d3a25)}
.asset-table small{color:#8b7359}.asset-mobile-card strong{overflow-wrap:anywhere}
@media(max-width:760px){.asset-table{min-width:980px}}

/* Customers page uses the same clean responsive layout as assets/employees */
.customer-hero{background:linear-gradient(135deg,#1f3b37,#5a4329)}
.customer-table{min-width:1120px}.customer-table small{color:#8b7359}.customer-table td{vertical-align:top}.customer-filter-bar{grid-template-columns:minmax(280px,1fr) 150px 150px 150px auto auto}.customer-mobile-card strong{overflow-wrap:anywhere}.mobile-note-block{margin-top:10px;background:#fff;border:1px solid #f1e4d3;border-radius:14px;padding:10px}.mobile-note-block b{display:block;font-size:12px;color:#8c7054}.mobile-note-block span{display:block;margin-top:4px;color:#2c241a;overflow-wrap:anywhere;line-height:1.45}
@media(max-width:1180px){.customer-filter-bar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.customer-filter-bar{grid-template-columns:1fr}.customer-table{min-width:1050px}}

/* Orders page uses the same clean responsive layout as customers/assets/employees */
.order-hero{background:linear-gradient(135deg,#24324a,#5a3e22)}
.order-table{min-width:1240px}.order-table small{color:#8b7359}.order-table td{vertical-align:top}.order-filter-bar{grid-template-columns:minmax(280px,1fr) 150px 140px 150px 150px auto auto}.order-mobile-card strong{overflow-wrap:anywhere}.order-mobile-card .status-pill{white-space:nowrap}
@media(max-width:1180px){.order-filter-bar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.order-filter-bar{grid-template-columns:1fr}.order-table{min-width:1120px}}

/* Designs page uses the same clean responsive layout as orders/customers/assets/employees */
.design-hero{background:linear-gradient(135deg,#32264a,#6a3e5a)}
.design-table{min-width:1280px}.design-table small{color:#8b7359}.design-table td{vertical-align:top}.design-filter-bar{grid-template-columns:minmax(280px,1fr) 150px 160px 160px 150px auto auto}.design-mobile-card strong{overflow-wrap:anywhere}.design-mobile-card .status-pill{white-space:nowrap}
@media(max-width:1180px){.design-filter-bar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.design-filter-bar{grid-template-columns:1fr}.design-table{min-width:1120px}}

/* Production page uses the same clean responsive layout as designs/orders/customers/assets/employees */
.production-hero{background:linear-gradient(135deg,#26351f,#5a3f23)}
.production-table{min-width:1220px}.production-table small{color:#8b7359}.production-table td{vertical-align:top}.production-filter-bar{grid-template-columns:minmax(280px,1fr) 150px 150px 170px auto auto}.production-mobile-card strong{overflow-wrap:anywhere}.production-mobile-card .status-pill{white-space:nowrap}
@media(max-width:1180px){.production-filter-bar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.production-filter-bar{grid-template-columns:1fr}.production-table{min-width:1080px}}

/* Invoices page uses the same clean responsive layout as designs/orders/customers/assets/employees */
.invoice-hero{background:linear-gradient(135deg,#233344,#276749)}
.invoice-table{min-width:1240px}.invoice-table small{color:#8b7359}.invoice-table td{vertical-align:top}.invoice-filter-bar{grid-template-columns:minmax(280px,1fr) 150px 150px 150px auto auto}.invoice-mobile-card strong{overflow-wrap:anywhere}.invoice-mobile-card .status-pill{white-space:nowrap}
@media(max-width:1180px){.invoice-filter-bar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.invoice-filter-bar{grid-template-columns:1fr}.invoice-table{min-width:1120px}}

/* =========================================================
   Mobile Professional UI Upgrade - Global Layout + Menu
   Applies to all pages without changing business logic.
   ========================================================= */
.mobile-sidebar-head,.mobile-menu-btn,.mobile-backdrop{display:none}.mobile-top-left{display:flex;align-items:center;gap:12px}.mobile-top-left small{display:block;font-size:12px;color:#e9d7bd;margin-top:2px}.topbar b{font-size:15px}.sidebar{z-index:50}.content{max-width:1600px;margin:0 auto}.card{overflow:hidden}img,svg,video{max-width:100%;height:auto}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}.desktop-table{width:100%}.btn,button,.logout{-webkit-tap-highlight-color:transparent}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions form{display:inline;margin:0}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-mobile-card,.asset-mobile-card,.customer-mobile-card,.order-mobile-card,.design-mobile-card,.production-mobile-card,.invoice-mobile-card,.expense-mobile-card,.profit-mobile-card,.approval-mobile-card,.audit-mobile-card,.user-mobile-card{box-shadow:0 6px 16px rgba(0,0,0,.035)}

@media(max-width:900px){
  html,body{overflow-x:hidden;background:#f6f1e8}.layout{display:block;min-height:100vh}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(20,14,8,.46);backdrop-filter:blur(2px);z-index:80;opacity:0;pointer-events:none;transition:.2s ease}.mobile-menu-open .mobile-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed!important;left:0;top:0;width:min(86vw,340px)!important;height:100dvh!important;max-height:100dvh;background:#fffaf1!important;border-right:1px solid #ead9c4;box-shadow:18px 0 45px rgba(0,0,0,.2);padding:16px!important;transform:translateX(-104%);transition:transform .24s ease;z-index:100;overflow-y:auto}.mobile-menu-open .sidebar{transform:translateX(0)}.mobile-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#6b533a;font-weight:900}.mobile-close{width:38px;height:38px;border-radius:14px;background:#f1e2ce!important;color:#3e2c1c!important;font-size:24px;line-height:1;padding:0!important}.brand{font-size:16px;line-height:1.35;margin-bottom:12px}.role{border-radius:18px;padding:12px;margin-bottom:14px}.nav{display:grid;grid-template-columns:1fr;gap:7px}.nav a{padding:13px 14px;margin:0;border-radius:16px;font-size:15px;background:#fff;border:1px solid #f1e2ce}.nav a.active{background:#fff0da;border-color:#f2cf8b}.main{margin-left:0!important;width:100%!important;min-width:0}.topbar{position:sticky;top:0;z-index:40;height:auto!important;min-height:64px;background:#2c241a!important;color:#f9eed7!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 14px!important;box-shadow:0 8px 22px rgba(44,36,26,.18)}.mobile-menu-btn{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:16px;background:#f4b942!important;color:#2c241a!important;font-size:22px;padding:0!important;flex:0 0 auto}.logout{padding:10px 13px;border-radius:16px;font-size:12px;white-space:nowrap}.content{padding:14px!important}.page-head,.section-title-row{gap:10px}.card{border-radius:20px!important;padding:16px!important;margin-bottom:14px!important}.grid,.stats-grid,.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.metric,.stat-card,.kpi-card{border-radius:18px!important;padding:14px!important}.metric b,.stat-value,.kpi-card strong{font-size:24px!important}.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.user-hero{border-radius:22px!important;padding:18px!important;margin-bottom:14px!important}.employee-hero h1,.asset-hero h1,.customer-hero h1,.order-hero h1,.design-hero h1,.production-hero h1,.invoice-hero h1,.expense-hero h1,.profit-hero h1,.approval-hero h1,.audit-hero h1,.user-hero h1{font-size:23px!important;line-height:1.25}.employee-form-grid,.form-grid{grid-template-columns:1fr!important;gap:10px!important}.span-2,.span-full{grid-column:1/-1!important}.employee-filter-bar,.customer-filter-bar,.order-filter-bar,.design-filter-bar,.production-filter-bar,.invoice-filter-bar,.expense-filter-bar,.profit-filter-bar,.approval-filter-bar,.audit-filter-bar,.user-filter-bar,.filter-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.employee-filter-bar input,.employee-filter-bar select,.customer-filter-bar input,.customer-filter-bar select,.order-filter-bar input,.order-filter-bar select,.design-filter-bar input,.design-filter-bar select,.production-filter-bar input,.production-filter-bar select,.invoice-filter-bar input,.invoice-filter-bar select,.expense-filter-bar input,.expense-filter-bar select,.audit-filter-bar input,.audit-filter-bar select,.user-filter-bar input,.user-filter-bar select,.filter-row input,.filter-row select{min-width:0!important;width:100%!important}.employee-filter-bar .btn,.employee-filter-bar button,.customer-filter-bar .btn,.customer-filter-bar button,.order-filter-bar .btn,.order-filter-bar button,.design-filter-bar .btn,.design-filter-bar button,.production-filter-bar .btn,.production-filter-bar button,.invoice-filter-bar .btn,.invoice-filter-bar button,.expense-filter-bar .btn,.expense-filter-bar button,.audit-filter-bar .btn,.audit-filter-bar button,.user-filter-bar .btn,.user-filter-bar button,.filter-row .btn,.filter-row button{width:100%;text-align:center}.desktop-table{display:none!important}.mobile-employee-cards,.mobile-asset-cards,.mobile-customer-cards,.mobile-order-cards,.mobile-design-cards,.mobile-production-cards,.mobile-invoice-cards,.mobile-expense-cards,.mobile-profit-cards,.mobile-approval-cards,.mobile-audit-cards,.mobile-user-cards{display:block!important}.mobile-info-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.mobile-info-grid div{padding:9px!important;border-radius:14px!important}.mobile-card-top{gap:10px}.mobile-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;align-items:stretch!important}.mobile-actions .btn,.mobile-actions button,.mobile-actions form{width:100%!important;text-align:center}.mobile-actions form{margin:0!important}.form-actions{display:grid!important;grid-template-columns:1fr!important}.form-actions .btn,.form-actions button{width:100%;text-align:center}input,select,textarea{font-size:16px!important}table{font-size:13px}.alert{border-radius:16px!important}.note{font-size:13px;line-height:1.55}.sticky-actions{position:static!important}.login{margin:34px 14px!important;max-width:none!important}
}

@media(max-width:480px){
  .content{padding:12px!important}.topbar{padding:9px 11px!important}.mobile-top-left{gap:9px}.mobile-top-left b{font-size:13px}.mobile-top-left small{font-size:11px}.mobile-menu-btn{width:40px;height:40px;border-radius:14px}.logout{padding:9px 10px;font-size:11px}.grid,.stats-grid,.employee-kpi-grid{grid-template-columns:1fr 1fr!important}.metric b,.stat-value,.kpi-card strong{font-size:22px!important}.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.user-hero{padding:16px!important}.mobile-info-grid{grid-template-columns:1fr!important}.mobile-actions{grid-template-columns:1fr!important}.card{padding:14px!important}.sidebar{width:min(90vw,330px)!important}
}

/* Force Mobile Sidebar Hidden Patch 2026-04-30 */
@media (max-width:900px){
  body:not(.mobile-menu-open) #appSidebar{transform:translate3d(-110%,0,0)!important;visibility:hidden!important;pointer-events:none!important;}
  body.mobile-menu-open #appSidebar{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;}
  #appSidebar{position:fixed!important;left:0!important;top:0!important;width:min(86vw,340px)!important;height:100dvh!important;max-height:100dvh!important;z-index:9999!important;}
  body.mobile-menu-open{overflow:hidden!important;}
}

/* Topbar current account box - replaces old system subtitle */
.top-account-card{display:flex;flex-direction:column;gap:2px;background:rgba(255,248,236,.10);border:1px solid rgba(249,238,215,.20);border-radius:16px;padding:8px 13px;line-height:1.25;min-width:180px}
.top-account-card span{font-size:12px;color:#ead8bd;font-weight:700}
.top-account-card strong{font-size:15px;color:#fff4dc;font-weight:900;letter-spacing:.01em}
@media(max-width:900px){.top-account-card{min-width:0;padding:7px 10px;border-radius:14px}.top-account-card span{font-size:11px}.top-account-card strong{font-size:13px}.mobile-top-left{min-width:0;flex:1}.logout{flex:0 0 auto}}
@media(max-width:420px){.top-account-card{max-width:calc(100vw - 155px)}.top-account-card span,.top-account-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Clean topbar account display */
.sidebar .role{display:none!important;}
.mobile-top-left{display:flex;align-items:center;gap:10px;}


/* =========================================================
   Unified ERP UI Final Patch - no horizontal table scrolling
   ========================================================= */
.clean-table, .erp-table, .compact-table {
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
.clean-table th, .clean-table td,
.erp-table th, .erp-table td,
.compact-table th, .compact-table td {
  white-space:normal!important;
  word-break:break-word;
  overflow-wrap:anywhere;
  vertical-align:top;
  line-height:1.45;
}
.table-wrap.no-scroll, .no-scroll-table {
  overflow-x:hidden!important;
}
.table-wrap.no-scroll table {
  min-width:0!important;
}
.amount, .money {
  font-weight:900;
  color:#7a4f1c;
}
.muted { color:#80664b; }
.status-badge {
  display:inline-flex;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:900;
  background:#fff0d2;
  color:#8a5614;
  border:1px solid #f5d38a;
}
.status-badge.ok, .status-badge.paid { background:#e9f8ed;color:#1e6b35;border-color:#bfe8c8; }
.status-badge.warn, .status-badge.unpaid { background:#fff4d6;color:#92400e;border-color:#f4d48b; }
.status-badge.danger { background:#fff0ec;color:#9a3412;border-color:#f3b7a4; }
@media(max-width:900px){
  .desktop-only-table { display:none!important; }
  .mobile-card-list { display:block!important; }
}
@media(min-width:901px){
  .mobile-card-list { display:none!important; }
}

/* Enterprise top account card - owner simplified */
.enterprise-user-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:linear-gradient(135deg,rgba(255,248,236,.18),rgba(244,185,66,.13))!important;border:1px solid rgba(249,238,215,.26)!important;border-radius:999px!important;padding:9px 14px!important;line-height:1.2!important;min-width:0!important;max-width:420px!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important;}
.enterprise-user-card span{font-size:13px!important;color:#f7e8cb!important;font-weight:800!important;white-space:nowrap!important;}
.enterprise-user-card strong{font-size:14px!important;color:#fff8e8!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:900px){.enterprise-user-card{padding:8px 11px!important;max-width:calc(100vw - 150px)!important;gap:6px!important}.enterprise-user-card span,.enterprise-user-card strong{font-size:12px!important}}
@media(max-width:420px){.enterprise-user-card{max-width:calc(100vw - 135px)!important}}

/* =========================================================
   2026-05-01 GLOBAL INDEX-MODE UI PATCH
   Apply index.php clean enterprise dashboard style to all modules.
   ========================================================= */
:root{
  --erp-bg:#f5f1eb;
  --erp-card:#ffffff;
  --erp-ink:#2c241a;
  --erp-muted:#7a654d;
  --erp-line:#efe1cf;
  --erp-soft:#fff8ec;
  --erp-soft2:#fffaf1;
  --erp-gold:#f4b942;
  --erp-gold-dark:#8a5614;
  --erp-brown:#4d3825;
  --erp-navy:#1f2937;
}
body{background:var(--erp-bg)!important;color:var(--erp-ink)!important;}
.content{max-width:1500px;margin:0 auto;padding:22px!important;}
.card,.employee-form-card,.employee-search-card,.employee-list-card,.section-card,.u-panel,.setting-section,.profit-list-card{
  background:var(--erp-card)!important;
  border:1px solid var(--erp-line)!important;
  border-radius:22px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.04)!important;
  padding:18px!important;
  margin-bottom:18px!important;
  overflow:hidden!important;
}
.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.users-hero,.settings-hero{
  background:linear-gradient(135deg,#2b241c 0%,#4d3825 60%,#8a6128 100%)!important;
  color:#fff7e8!important;
  border-radius:24px!important;
  padding:22px!important;
  margin-bottom:18px!important;
  box-shadow:0 16px 32px rgba(44,36,26,.16)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
.employee-hero .eyebrow,.users-hero .eyebrow,.settings-hero .eyebrow{color:#f7c96b!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:11px!important;}
.employee-hero h1,.users-hero h1,.settings-hero h1{font-size:24px!important;line-height:1.25!important;margin:0 0 8px!important;color:#fff7e8!important;}
.employee-hero p,.users-hero p,.settings-hero p{font-size:13.5px!important;line-height:1.6!important;color:#f9e7cc!important;margin:0!important;max-width:980px!important;}
.hero-side,.hero-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.role-chip,.settings-badge,.u-badge,.mini-badge{background:#fff3d1!important;color:#7c4b0d!important;border:1px solid #f3d084!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
.employee-kpi-grid,.stats-grid,.users-stats,.settings-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:18px!important;
}
.kpi-card,.stat-card,.u-stat,.settings-kpi,.metric{
  background:#fff!important;
  border:1px solid var(--erp-line)!important;
  border-radius:18px!important;
  padding:15px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.035)!important;
  min-height:100px!important;
}
.kpi-card.primary,.stat-card.primary,.u-stat.primary,.settings-kpi.primary{background:#fff8e9!important;border-color:#f2d391!important;}
.kpi-card span,.stat-label,.u-stat .label,.settings-kpi span,.metric span{font-size:12px!important;color:var(--erp-muted)!important;font-weight:900!important;display:block!important;}
.kpi-card strong,.stat-value,.u-stat .value,.settings-kpi strong,.metric b{font-size:24px!important;color:var(--erp-ink)!important;line-height:1.15!important;margin-top:6px!important;display:block!important;}
.employee-layout,.profit-layout,.audit-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;align-items:start!important;}
.section-title-row,.u-panel-head,.section-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.section-title-row h2,.section-title-row h3,.u-panel-head h2,.section-title h2,.section-title h3{font-size:18px!important;margin:0 0 4px!important;color:var(--erp-ink)!important;}
.section-title-row p,.u-panel-head p,.section-title p{font-size:12.5px!important;color:var(--erp-muted)!important;line-height:1.5!important;margin:0!important;}
.employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.employee-form-grid label,.form-grid label,.setting-field,.u-field,.field{font-size:12.5px!important;font-weight:850!important;color:#4a3825!important;}
input,select,textarea{border:1px solid #e1d0ba!important;border-radius:12px!important;padding:10px 11px!important;background:#fff!important;font-size:13px!important;outline:none!important;}
input:focus,select:focus,textarea:focus{border-color:var(--erp-gold)!important;box-shadow:0 0 0 3px rgba(244,185,66,.18)!important;}
.employee-filter-bar,.audit-filter-bar,.filter-form,.profit-filter-bar,.invoice-filter-bar,.customer-filter-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;align-items:end!important;width:100%!important;}
.employee-filter-bar input,.audit-filter-bar input,.filter-form input{min-width:0!important;width:100%!important;}
.table-wrap,.audit-table-wrap,.desktop-table{overflow-x:hidden!important;width:100%!important;border-radius:16px!important;border:1px solid #f0e2d2!important;background:#fff!important;}
table,.employee-table,.audit-table,.invoice-table,.expense-table,.profit-table,.design-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:12.5px!important;}
th,td,.employee-table th,.employee-table td,.audit-table th,.audit-table td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;vertical-align:top!important;padding:10px 8px!important;line-height:1.4!important;border-bottom:1px solid #f0e2d2!important;}
th,.employee-table th,.audit-table th{background:#fff7e8!important;color:#5c3e25!important;font-size:11.5px!important;font-weight:900!important;}
.status-pill,.status-badge,.pill{display:inline-flex!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;}
.btn,button,.u-btn,.actions-bar .btn{border-radius:999px!important;padding:8px 13px!important;font-size:12.5px!important;font-weight:900!important;white-space:nowrap!important;}
.form-actions,.actions-bar,.hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
.employee-help-card{background:#fffaf1!important;border:1px solid #efe1cf!important;border-radius:20px!important;padding:16px!important;box-shadow:0 8px 20px rgba(0,0,0,.035)!important;position:sticky!important;top:84px!important;}
.mobile-employee-cards,.mobile-card-list{display:none!important;}
@media(max-width:1180px){
  .employee-layout,.profit-layout,.audit-layout{grid-template-columns:1fr!important;}
  .employee-kpi-grid,.stats-grid,.users-stats,.settings-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .employee-help-card{position:relative!important;top:auto!important;}
}
@media(max-width:900px){
  .content{padding:14px!important;}
  .employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.users-hero,.settings-hero{grid-template-columns:1fr!important;padding:16px!important;border-radius:18px!important;}
  .employee-hero h1,.users-hero h1,.settings-hero h1{font-size:19px!important;}
  .employee-hero p,.users-hero p,.settings-hero p{font-size:12.5px!important;}
  .hero-side,.hero-actions{justify-content:flex-start!important;}
  .employee-kpi-grid,.stats-grid,.users-stats,.settings-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .kpi-card,.stat-card,.u-stat,.settings-kpi,.metric{padding:12px!important;border-radius:15px!important;min-height:82px!important;}
  .kpi-card strong,.stat-value,.u-stat .value,.settings-kpi strong,.metric b{font-size:18px!important;}
  .card,.employee-form-card,.employee-search-card,.employee-list-card,.section-card,.u-panel,.setting-section,.profit-list-card{padding:14px!important;border-radius:17px!important;margin-bottom:12px!important;}
  .employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{grid-template-columns:1fr!important;gap:9px!important;}
  .span-2,.span-full,.field.full{grid-column:1/-1!important;}
  .section-title-row,.u-panel-head,.section-title{display:block!important;}
  .employee-filter-bar,.audit-filter-bar,.filter-form,.profit-filter-bar,.invoice-filter-bar,.customer-filter-bar{grid-template-columns:1fr!important;}
  .desktop-table,.table-wrap,.audit-table-wrap{display:none!important;}
  .mobile-employee-cards,.mobile-card-list{display:block!important;}
  .employee-mobile-card,.expense-mobile-card,.profit-mobile-card,.mobile-row{background:#fff!important;border:1px solid #efe1cf!important;border-radius:16px!important;padding:12px!important;margin-bottom:10px!important;box-shadow:0 4px 12px rgba(0,0,0,.025)!important;}
  .mobile-info-grid,.mobile-row-grid{grid-template-columns:1fr!important;gap:8px!important;}
  .mobile-actions,.form-actions,.actions-bar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .mobile-actions .btn,.mobile-actions button,.form-actions .btn,.form-actions button,.actions-bar .btn,.actions-bar button{width:100%!important;text-align:center!important;}
}
@media(max-width:420px){
  .employee-kpi-grid,.stats-grid,.users-stats,.settings-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   Enterprise SaaS Upgrade Pack 2026-05-01
   Purpose: unify all modules into clean owner-friendly ERP UI.
   ========================================================= */
:root{
  --saas-bg:#f6f2ea;
  --saas-surface:#ffffff;
  --saas-surface-2:#fffaf2;
  --saas-border:#eadcc9;
  --saas-text:#261f17;
  --saas-muted:#745f49;
  --saas-primary:#2c241a;
  --saas-primary-2:#443322;
  --saas-gold:#f4b942;
  --saas-gold-2:#d99a21;
  --saas-red:#df6b4e;
  --saas-green:#2f8f55;
  --saas-blue:#2f5f9e;
  --saas-shadow:0 10px 28px rgba(44,36,26,.07);
  --saas-radius:22px;
}
html{scroll-behavior:smooth}body{background:var(--saas-bg)!important;color:var(--saas-text)!important;font-size:14px!important;line-height:1.55!important}.content{max-width:1440px!important;padding:22px!important}.sidebar{background:#fff9ef!important;border-right:1px solid var(--saas-border)!important}.brand{font-size:16px!important;line-height:1.35!important;letter-spacing:.02em!important;color:#2b2118!important}.nav a{font-size:14px!important;border:1px solid transparent!important}.nav a.active,.nav a:hover{border-color:#f1d9aa!important;background:#fff1d6!important;color:#8a5614!important}.topbar{background:linear-gradient(135deg,#241b13,#3a2a1d)!important;box-shadow:0 8px 24px rgba(44,36,26,.14)!important}.logout{background:var(--saas-red)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}.card,.section-card,.employee-form-card,.employee-search-card,.employee-list-card,.profit-list-card,.u-panel,.setting-section{border-radius:var(--saas-radius)!important;border:1px solid var(--saas-border)!important;background:var(--saas-surface)!important;box-shadow:var(--saas-shadow)!important;padding:18px!important;margin-bottom:18px!important}.card h1,.card h2,.section-card h2,.employee-form-card h2,.employee-search-card h2,.employee-list-card h2{font-size:20px!important;line-height:1.25!important;margin:0 0 8px!important}.card p,.section-card p{color:var(--saas-muted)!important;margin-top:0!important}.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.user-hero,.users-hero,.settings-hero{border-radius:24px!important;padding:22px!important;background:linear-gradient(135deg,#2c241a 0%,#45321f 65%,#6f4b1e 100%)!important;box-shadow:0 18px 38px rgba(44,36,26,.15)!important}.employee-hero h1,.asset-hero h1,.customer-hero h1,.order-hero h1,.design-hero h1,.production-hero h1,.invoice-hero h1,.expense-hero h1,.profit-hero h1,.approval-hero h1,.audit-hero h1,.user-hero h1,.users-hero h1,.settings-hero h1{font-size:24px!important}.stats-grid,.employee-kpi-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.stat-card,.kpi-card,.metric,.u-stat,.settings-kpi{background:linear-gradient(180deg,#fff,#fffaf3)!important;border:1px solid var(--saas-border)!important;border-radius:18px!important;padding:14px!important;min-height:92px!important;box-shadow:0 6px 16px rgba(44,36,26,.04)!important}.stat-value,.kpi-card strong,.metric b,.u-stat .value,.settings-kpi strong{font-size:22px!important;color:var(--saas-text)!important}.stat-label,.kpi-card span,.metric span{font-size:12px!important;color:var(--saas-muted)!important;font-weight:800!important}.btn,button,input[type=submit]{background:var(--saas-gold)!important;color:#2b2118!important;border:0!important;border-radius:999px!important;font-size:12.5px!important;font-weight:900!important;padding:9px 14px!important;line-height:1.2!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;white-space:nowrap!important}.btn:hover,button:hover{filter:brightness(.98)!important;transform:translateY(-1px)}.btn.secondary{background:#efe3d2!important;color:#493725!important}.danger,button.danger,.btn.danger{background:var(--saas-red)!important;color:#fff!important}.ok,.btn.ok{background:var(--saas-green)!important;color:#fff!important}.actions,.form-actions,.actions-bar,.hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}input,select,textarea{border:1px solid #dfcfba!important;border-radius:14px!important;background:#fff!important;color:var(--saas-text)!important;padding:10px 12px!important;font-size:14px!important;min-height:40px!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(244,185,66,.20)!important;border-color:#e4a92f!important}.form-grid,.employee-form-grid,.setting-form-grid,.u-form-grid{gap:12px!important}.filter-row,.employee-filter-bar,.asset-filter-bar,.customer-filter-bar,.order-filter-bar,.design-filter-bar,.production-filter-bar,.invoice-filter-bar,.expense-filter-bar,.profit-filter-bar,.approval-filter-bar,.audit-filter-bar,.user-filter-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;align-items:end!important}.filter-row .btn,.filter-row button,.employee-filter-bar .btn,.customer-filter-bar .btn,.order-filter-bar .btn,.design-filter-bar .btn,.production-filter-bar .btn,.invoice-filter-bar .btn,.expense-filter-bar .btn,.profit-filter-bar .btn,.approval-filter-bar .btn,.audit-filter-bar .btn,.user-filter-bar .btn{width:100%!important}.table-wrap,.audit-table-wrap{overflow-x:hidden!important;width:100%!important;border-radius:16px!important;border:1px solid #f0e2d2!important;background:#fff!important}table,.employee-table,.asset-table,.customer-table,.order-table,.design-table,.production-table,.invoice-table,.expense-table,.profit-table,.approval-table,.audit-table,.user-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:12.5px!important}th,td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;vertical-align:top!important;padding:10px 8px!important;line-height:1.42!important}th{background:#fff6e8!important;color:#5d4129!important;font-size:11.5px!important;text-transform:none!important;font-weight:900!important}.status-pill,.status-badge,.pill,.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:900!important;line-height:1.15!important;background:#fff0d2!important;color:#8a5614!important;border:1px solid #f2d08d!important}.status-pill.ok,.status-badge.ok,.paid{background:#e8f8ee!important;color:#1e6b35!important;border-color:#bde7c7!important}.status-pill.danger,.status-badge.danger{background:#fff0ec!important;color:#9a3412!important;border-color:#f1b4a2!important}.amount,.money{font-weight:900!important;color:#7a4f1c!important}.muted,small{color:var(--saas-muted)!important}.collapsible-box,.collapse-box,.data-collapse{border:1px solid #f0ddc2!important;border-radius:18px!important;background:#fffaf2!important;overflow:hidden!important}.collapse-header,.collapsible-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 15px!important;font-weight:900!important;color:#3d2b1b!important}.collapse-content,.collapsible-content{padding:0 15px 15px!important}.enterprise-user-card{background:linear-gradient(135deg,rgba(255,248,236,.20),rgba(244,185,66,.14))!important;border:1px solid rgba(249,238,215,.28)!important;border-radius:999px!important}.mobile-card-list,.mobile-employee-cards,.mobile-asset-cards,.mobile-customer-cards,.mobile-order-cards,.mobile-design-cards,.mobile-production-cards,.mobile-invoice-cards,.mobile-expense-cards,.mobile-profit-cards,.mobile-approval-cards,.mobile-audit-cards,.mobile-user-cards{display:none!important}.employee-mobile-card,.asset-mobile-card,.customer-mobile-card,.order-mobile-card,.design-mobile-card,.production-mobile-card,.invoice-mobile-card,.expense-mobile-card,.profit-mobile-card,.approval-mobile-card,.audit-mobile-card,.user-mobile-card,.mobile-row{background:#fff!important;border:1px solid var(--saas-border)!important;border-radius:18px!important;padding:14px!important;margin-bottom:12px!important;box-shadow:0 6px 18px rgba(44,36,26,.045)!important}.mobile-card-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:flex-start!important}.mobile-info-grid,.mobile-row-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.mobile-info-grid div,.mobile-row-grid div{background:#fff8ec!important;border:1px solid #f0e2d2!important;border-radius:14px!important;padding:9px!important}.mobile-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:10px!important}@media(max-width:1180px){.stats-grid,.employee-kpi-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.employee-layout,.profit-layout,.audit-layout{grid-template-columns:1fr!important}.content{padding:18px!important}}@media(max-width:900px){body{font-size:14px!important}.content{padding:12px!important}.topbar{min-height:58px!important;padding:9px 12px!important}.sidebar{width:min(88vw,340px)!important}.brand{font-size:15px!important}.nav a{font-size:14px!important;padding:12px!important}.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.user-hero,.users-hero,.settings-hero{padding:16px!important;border-radius:20px!important;grid-template-columns:1fr!important}.employee-hero h1,.asset-hero h1,.customer-hero h1,.order-hero h1,.design-hero h1,.production-hero h1,.invoice-hero h1,.expense-hero h1,.profit-hero h1,.approval-hero h1,.audit-hero h1,.user-hero h1,.users-hero h1,.settings-hero h1{font-size:20px!important}.card,.section-card,.employee-form-card,.employee-search-card,.employee-list-card,.profit-list-card,.u-panel,.setting-section{padding:14px!important;border-radius:18px!important;margin-bottom:12px!important}.stats-grid,.employee-kpi-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stat-card,.kpi-card,.metric,.u-stat,.settings-kpi{padding:12px!important;min-height:82px!important}.stat-value,.kpi-card strong,.metric b,.u-stat .value,.settings-kpi strong{font-size:18px!important}.form-grid,.employee-form-grid,.setting-form-grid,.u-form-grid{grid-template-columns:1fr!important}.span-2,.span-full,.field.full{grid-column:1/-1!important}.filter-row,.employee-filter-bar,.asset-filter-bar,.customer-filter-bar,.order-filter-bar,.design-filter-bar,.production-filter-bar,.invoice-filter-bar,.expense-filter-bar,.profit-filter-bar,.approval-filter-bar,.audit-filter-bar,.user-filter-bar{grid-template-columns:1fr!important}.desktop-table,.table-wrap,.audit-table-wrap{display:none!important}.mobile-card-list,.mobile-employee-cards,.mobile-asset-cards,.mobile-customer-cards,.mobile-order-cards,.mobile-design-cards,.mobile-production-cards,.mobile-invoice-cards,.mobile-expense-cards,.mobile-profit-cards,.mobile-approval-cards,.mobile-audit-cards,.mobile-user-cards{display:block!important}.mobile-info-grid,.mobile-row-grid{grid-template-columns:1fr!important}.mobile-actions,.actions,.form-actions,.actions-bar{display:grid!important;grid-template-columns:1fr!important}.mobile-actions .btn,.mobile-actions button,.actions .btn,.actions button,.form-actions .btn,.form-actions button,.actions-bar .btn,.actions-bar button{width:100%!important;text-align:center!important}.enterprise-user-card{max-width:calc(100vw - 140px)!important}.logout{padding:9px 10px!important;font-size:11px!important}.mobile-menu-btn{width:40px!important;height:40px!important;border-radius:14px!important}}@media(max-width:460px){.stats-grid,.employee-kpi-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{grid-template-columns:1fr!important}.content{padding:10px!important}.enterprise-user-card span,.enterprise-user-card strong{font-size:11px!important}.btn,button{white-space:normal!important}}

/* =========================================================
   VERIFIED_ALL_PAGES_INDEX_STYLE_COLLAPSIBLE_20260501
   Unified index.php style for all modules: vibrant enterprise UI,
   clean cards, responsive mobile, no horizontal table scrolling.
   ========================================================= */
:root{
  --gf-navy:#172033;
  --gf-navy-2:#24324d;
  --gf-gold:#f7b733;
  --gf-gold-soft:#fff3cf;
  --gf-blue:#2563eb;
  --gf-cyan:#06b6d4;
  --gf-green:#16a34a;
  --gf-red:#dc2626;
  --gf-orange:#f97316;
  --gf-bg:#f6f4ef;
  --gf-card:#ffffff;
  --gf-border:#eadfce;
  --gf-text:#241b12;
  --gf-muted:#75624b;
}
body{background:linear-gradient(180deg,#f8f6f1 0%,#f1ece3 100%)!important;color:var(--gf-text)!important;}
.content{max-width:1520px!important;margin:0 auto!important;padding:22px!important;}
.card,.section-card,.employee-form-card,.employee-search-card,.employee-list-card,.profit-list-card,.settings-card,.u-panel{
  background:var(--gf-card)!important;border:1px solid var(--gf-border)!important;border-radius:22px!important;
  box-shadow:0 10px 28px rgba(23,32,51,.055)!important;padding:18px!important;margin-bottom:18px!important;overflow:hidden!important;
}
.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.users-hero,.settings-hero,.owner-hero{
  background:linear-gradient(135deg,var(--gf-navy) 0%,var(--gf-navy-2) 54%,#7c4a08 100%)!important;
  color:#fff8e8!important;border-radius:24px!important;padding:22px!important;margin-bottom:18px!important;
  box-shadow:0 18px 36px rgba(23,32,51,.18)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;
}
.employee-hero h1,.asset-hero h1,.customer-hero h1,.order-hero h1,.design-hero h1,.production-hero h1,.invoice-hero h1,.expense-hero h1,.profit-hero h1,.approval-hero h1,.audit-hero h1,.users-hero h1,.settings-hero h1,.owner-hero h1{
  font-size:24px!important;line-height:1.25!important;margin:0 0 7px!important;color:#fff8e8!important;letter-spacing:-.02em!important;
}
.eyebrow{color:#ffd166!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:11px!important;font-weight:900!important;margin-bottom:6px!important;}
.employee-hero p,.asset-hero p,.customer-hero p,.order-hero p,.design-hero p,.production-hero p,.invoice-hero p,.expense-hero p,.profit-hero p,.approval-hero p,.audit-hero p,.users-hero p,.settings-hero p,.owner-hero p{font-size:13.5px!important;line-height:1.55!important;color:#f9e8cd!important;margin:0!important;}
.role-chip,.mini-badge,.settings-badge,.u-badge,.badge{
  background:linear-gradient(135deg,#fff6d9,#ffe7a3)!important;color:#7c4100!important;border:1px solid #ffd66b!important;
  border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;
}
.employee-kpi-grid,.stats-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important;
}
.kpi-card,.stat-card,.metric,.u-stat,.settings-kpi{
  background:linear-gradient(180deg,#ffffff 0%,#fffaf1 100%)!important;border:1px solid var(--gf-border)!important;border-radius:18px!important;
  padding:15px!important;box-shadow:0 8px 20px rgba(23,32,51,.045)!important;min-height:98px!important;
}
.kpi-card.primary,.stat-card.primary,.metric.primary,.u-stat.primary,.settings-kpi.primary{background:linear-gradient(135deg,#fff2c2 0%,#ffffff 100%)!important;border-color:#f3c95d!important;}
.kpi-card span,.stat-label,.metric span,.u-stat .label,.settings-kpi span{display:block!important;font-size:12px!important;font-weight:900!important;color:var(--gf-muted)!important;}
.kpi-card strong,.stat-value,.metric b,.u-stat .value,.settings-kpi strong{display:block!important;font-size:24px!important;line-height:1.15!important;margin-top:6px!important;color:var(--gf-navy)!important;}
.employee-layout,.profit-layout,.audit-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;align-items:start!important;}
.section-title-row,.section-title,.u-panel-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important;}
.section-title-row h2,.section-title-row h3,.section-title h2,.section-title h3,.u-panel-head h2{font-size:18px!important;margin:0 0 4px!important;color:var(--gf-navy)!important;letter-spacing:-.01em!important;}
.section-title-row p,.section-title p,.u-panel-head p{font-size:12.5px!important;color:var(--gf-muted)!important;line-height:1.45!important;margin:0!important;}
.employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.employee-form-grid label,.form-grid label,.field,.u-field,.setting-field{font-size:12.5px!important;font-weight:850!important;color:#3f3122!important;}
input,select,textarea{width:100%!important;border:1px solid #dfcfba!important;border-radius:12px!important;padding:10px 11px!important;background:#fff!important;font-size:13px!important;outline:none!important;}
input:focus,select:focus,textarea:focus{border-color:var(--gf-gold)!important;box-shadow:0 0 0 3px rgba(247,183,51,.20)!important;}
.btn,button,.u-btn{background:linear-gradient(135deg,var(--gf-gold),#ffd166)!important;color:#2b1b05!important;border:0!important;border-radius:999px!important;padding:8px 13px!important;font-size:12.5px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 7px 16px rgba(247,183,51,.22)!important;}
.btn.secondary{background:#eef2f7!important;color:var(--gf-navy)!important;box-shadow:none!important;}
.danger,button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;}
.ok,button.ok{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;}
.employee-filter-bar,.filter-form,.audit-filter-bar,.invoice-filter-bar,.customer-filter-bar,.order-filter-bar,.design-filter-bar,.production-filter-bar,.profit-filter-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important;align-items:end!important;width:100%!important;}
.table-wrap,.desktop-table,.audit-table-wrap{width:100%!important;overflow-x:hidden!important;border:1px solid #f0e2d2!important;border-radius:16px!important;background:#fff!important;}
table,.employee-table,.pro-table,.audit-table,.invoice-table,.expense-table,.profit-table,.design-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:12.5px!important;}
th,td,.employee-table th,.employee-table td,.pro-table th,.pro-table td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;vertical-align:top!important;padding:10px 8px!important;line-height:1.4!important;border-bottom:1px solid #f0e2d2!important;}
th,.employee-table th,.pro-table th{background:#fff4d6!important;color:#5b3710!important;font-size:11.5px!important;font-weight:950!important;}
.status-pill,.status-badge,.pill,.status,.priority{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:950!important;line-height:1.15!important;background:#e0f2fe!important;color:#075985!important;border:1px solid #bae6fd!important;}
.status-pill.ok,.status-badge.ok,.status-badge.paid,.status.已批准,.status.已收款{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important;}
.status-pill.warn,.status-badge.warn,.status-badge.unpaid,.status.待审批{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important;}
.status-pill.danger,.status-badge.danger,.status.已驳回{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
.mobile-employee-cards,.mobile-card-list{display:none!important;}
/* Universal collapsible data sections */
.erp-collapsible-ready{position:relative!important;}
.erp-collapse-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-left:auto!important;}
.erp-collapse-body{display:none!important;margin-top:10px!important;}
.erp-collapsible-ready.is-open>.erp-collapse-body{display:block!important;}
.erp-collapsible-ready.is-open .erp-collapse-toggle::after{content:' ▲';font-size:10px;}
.erp-collapse-toggle::after{content:' ▼';font-size:10px;}
.erp-collapsible-ready .section-title-row,.erp-collapsible-ready .section-title,.erp-collapsible-ready .u-panel-head{cursor:pointer!important;border-bottom:1px solid #f2e5d2!important;padding-bottom:10px!important;}
@media(max-width:1180px){.employee-layout,.profit-layout,.audit-layout{grid-template-columns:1fr!important}.employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.employee-kpi-grid,.stats-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .content{padding:14px!important}.employee-hero,.asset-hero,.customer-hero,.order-hero,.design-hero,.production-hero,.invoice-hero,.expense-hero,.profit-hero,.approval-hero,.audit-hero,.users-hero,.settings-hero,.owner-hero{grid-template-columns:1fr!important;padding:18px!important;border-radius:20px!important}.hero-side,.hero-actions{justify-content:flex-start!important}.employee-hero h1,.asset-hero h1,.customer-hero h1,.order-hero h1,.design-hero h1,.production-hero h1,.invoice-hero h1,.expense-hero h1,.profit-hero h1,.approval-hero h1,.audit-hero h1,.users-hero h1,.settings-hero h1,.owner-hero h1{font-size:21px!important}.employee-kpi-grid,.stats-grid,.kpi-grid,.profit-kpi-grid,.audit-kpi-grid,.users-stats,.settings-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.kpi-card,.stat-card,.metric,.u-stat,.settings-kpi{padding:13px!important;min-height:86px!important}.kpi-card strong,.stat-value,.metric b,.u-stat .value,.settings-kpi strong{font-size:20px!important}.card,.section-card,.employee-form-card,.employee-search-card,.employee-list-card,.profit-list-card,.settings-card,.u-panel{padding:14px!important;border-radius:18px!important}.section-title-row,.section-title,.u-panel-head{flex-direction:column!important;gap:8px!important}.employee-form-grid,.form-grid,.setting-form-grid,.u-form-grid{grid-template-columns:1fr!important}.span-2,.span-full,.field.full{grid-column:1/-1!important}.employee-filter-bar,.filter-form,.audit-filter-bar,.invoice-filter-bar,.customer-filter-bar,.order-filter-bar,.design-filter-bar,.production-filter-bar,.profit-filter-bar{grid-template-columns:1fr!important}.desktop-table,.table-wrap{display:none!important}.mobile-employee-cards,.mobile-card-list{display:block!important}.mobile-info-grid{grid-template-columns:1fr!important}.mobile-actions,.form-actions,.actions-bar{display:flex!important;flex-wrap:wrap!important}.mobile-actions .btn,.mobile-actions button,.form-actions .btn,.form-actions button{flex:1 1 auto!important;text-align:center!important}.erp-collapse-toggle{width:100%!important;margin-left:0!important}.erp-collapsible-ready .section-title-row,.erp-collapsible-ready .section-title,.erp-collapsible-ready .u-panel-head{align-items:stretch!important}
}