*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f0f4f9;color:#222132}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#222132;color:#fff;padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand span{font-size:34px;font-weight:900;color:#F95C19}.brand small{display:block;color:#ddd}.sidebar nav{margin-top:25px}.sidebar a{display:block;color:#fff;text-decoration:none;padding:13px 14px;border-radius:14px;margin-bottom:7px}.sidebar a:hover{background:rgba(255,255,255,.1)}.main-panel{margin-left:260px;width:calc(100% - 260px)}.topbar{background:#fff;border-bottom:1px solid #e1e5ef;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:3}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:#77768a}.userbox{text-align:right;font-size:14px}.menu-toggle{display:none;background:#F95C19;color:#fff;border:0;border-radius:12px;font-size:22px;padding:8px 12px}.content{padding:24px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.metric{background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(34,33,50,.07)}.metric span{display:block;color:#77768a;font-weight:800}.metric strong{display:block;font-size:30px;margin:8px 0}.metric small{color:#77768a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group label{display:block;font-weight:800;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px;border:1px solid #dfe3ec;border-radius:14px;font-size:16px;background:#fff}.form-group textarea{min-height:100px}.btn{display:inline-block;border:0;border-radius:14px;padding:13px 18px;text-decoration:none;font-weight:900;cursor:pointer;font-size:15px}.btn-primary{background:#F95C19;color:#fff}.btn-secondary{background:#00CEC2;color:#222132}.btn-success{background:#00BA77;color:#222132}.btn-light{background:#eef2f7;color:#222132}.btn-danger{background:#f05b5b;color:#fff}.btn-outline{background:#fff;color:#222132;border:1px solid #dfe3ec}.actions{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left}.data-table th{background:#222132;color:#fff}.badge{display:inline-block;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.badge.success{background:#ddf7ed;color:#007047}.badge.warning{background:#feded1;color:#9f3708}.badge.danger{background:#ffe0e0;color:#9f2020}.badge.info{background:#ddf8f6;color:#007c74}.alert{margin:16px 24px 0;padding:14px 18px;border-radius:14px;background:#fff}.alert.success{border-left:5px solid #00BA77}.alert.error,.alert.danger{border-left:5px solid #f05b5b}.alert.warning{border-left:5px solid #F95C19}.price-total{font-size:34px;color:#F95C19;font-weight:900}.summary{background:#222132;color:#fff;border-radius:20px;padding:20px}.mobile-cards{display:none}.search-input{width:100%;padding:14px;border:1px solid #dfe3ec;border-radius:14px;margin-bottom:12px}.statement{background:white;padding:25px;border-radius:16px}.statement-header{display:flex;justify-content:space-between;border-bottom:2px solid #222132;margin-bottom:15px;padding-bottom:12px}@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.25s;width:84%;z-index:8}.menu-open .sidebar{transform:translateX(0)}.main-panel{margin-left:0;width:100%}.menu-toggle{display:block}.content{padding:14px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.card,.metric{padding:18px;border-radius:18px}.actions .btn,.btn{width:100%;text-align:center}.desktop-table{display:none}.mobile-cards{display:grid;gap:12px}.mcard{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(34,33,50,.06)}.topbar{padding:14px}.topbar h1{font-size:19px}.topbar p{font-size:12px}.userbox{font-size:12px}.price-total{font-size:28px}}@media print{.sidebar,.topbar,.actions,.btn{display:none!important}.main-panel{margin:0;width:100%}.content{padding:0}.card{box-shadow:none}}