:root{--ink:#172033;--muted:#768198;--canvas:#f5f7fb;--line:#e9edf4;--brand:#5b4bdb;--brand-dark:#4134b4;--success:#139c72;--warning:#d88b1d;--sidebar:#11192d;--sidebar-2:#1a2440;--radius:16px}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);letter-spacing:.005em}.app-body{background:var(--canvas)!important}.app-shell{min-height:100vh}.sidebar{width:264px;min-width:264px;background:linear-gradient(165deg,var(--sidebar) 0%,var(--sidebar-2) 100%)!important;border-right:1px solid #ffffff0d;box-shadow:12px 0 35px #10172d0d}.brand{display:flex;align-items:center;gap:.65rem;letter-spacing:-.04em}.brand i{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#8176ff,#5142d6);box-shadow:0 8px 22px #6d5ef844}.sidebar hr{border-color:#ffffff12;margin:1.4rem 0}.company-label{border:1px solid #ffffff12;background:#ffffff09;border-radius:10px;padding:.65rem .75rem;color:#aeb9d1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .nav-link{border-radius:10px;padding:.7rem .78rem;color:#bdc5d6!important;font-size:.92rem;font-weight:500;transition:background .18s,color .18s,transform .18s}.sidebar .nav-link:hover{color:#fff!important;background:#ffffff12;transform:translateX(2px)}.sidebar .nav-link i{width:1.65rem;color:#8d9ab6}.sidebar .nav-link.text-warning{color:#ffd267!important;background:#f6bb3b12}.sidebar .nav-link.text-warning i{color:#ffd267}.sidebar .signout{font-size:.9rem}.app-main{min-width:0}.topbar{height:76px;background:#ffffffd9!important;backdrop-filter:blur(12px);border-color:var(--line)!important}.topbar h1{font-size:1.1rem;font-weight:750;letter-spacing:-.025em}.user-chip{display:flex;align-items:center;gap:.7rem;padding:.38rem .7rem .38rem .4rem;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.84rem;font-weight:600}.user-chip:before{content:"";display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#897cff,#5142d6)}.content-area{padding:1.75rem!important}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #18213d08;background:#fff}.card-header,.card-footer{border-color:var(--line)!important;padding:1rem 1.25rem!important}.stat-card{border:0;overflow:hidden;box-shadow:0 10px 30px #18213d0a}.stat-card .card-body{padding:1.2rem 1.25rem}.stat-card .text-muted{color:var(--muted)!important;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stat-card .fs-2,.stat-card .fs-3{letter-spacing:-.045em;color:#252f49}.btn{border-radius:10px;font-weight:650;padding:.55rem .9rem;transition:transform .15s,box-shadow .15s}.btn-primary{border-color:var(--brand);background:linear-gradient(135deg,#6656e6,#5142d6);box-shadow:0 7px 15px #5c4bdb2b}.btn-primary:hover,.btn-primary:focus{border-color:var(--brand-dark);background:linear-gradient(135deg,#5848d4,#4032b5);transform:translateY(-1px);box-shadow:0 10px 21px #5c4bdb36}.btn-success{background:linear-gradient(135deg,#1cad7f,#13825f);border-color:#13825f}.btn-outline-primary{border-color:#d8d4fa;color:var(--brand)}.btn-outline-primary:hover{background:var(--brand);border-color:var(--brand)}.form-control,.form-select{border-color:#dfe4ee;border-radius:10px;min-height:42px;color:var(--ink);box-shadow:none}.form-control:focus,.form-select:focus{border-color:#9187ef;box-shadow:0 0 0 .22rem #6d5ef71a}.form-label{font-size:.84rem;font-weight:650;color:#4e5970;margin-bottom:.42rem}.table{--bs-table-bg:transparent;--bs-table-border-color:var(--line);margin-bottom:0}.table>thead>tr>th{color:#788399;font-size:.73rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase;border-bottom-width:1px;padding:.86rem 1rem;white-space:nowrap}.table>tbody>tr>td{padding:.9rem 1rem;vertical-align:middle;color:#3a455c}.table>tbody>tr{transition:background .16s}.table>tbody>tr:hover{background:#f8f9fd}.table-warning{--bs-table-bg:#fff8e9}.badge{padding:.43em .68em;border-radius:7px;font-weight:650}.alert{border:0;border-radius:12px;padding:.9rem 1rem;box-shadow:0 6px 18px #17203309}.invoice-paper{max-width:920px;margin:auto;background:#fff;padding:3rem;border-radius:var(--radius);border:1px solid var(--line)}.invoice-paper h2{letter-spacing:-.04em}.invoice-paper .table{font-size:.9rem}.auth-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,#e5e1ff 0,transparent 25%),radial-gradient(circle at 91% 92%,#d7f7ed 0,transparent 23%),#f7f8fc}.auth-shell{max-width:1080px;min-height:650px;margin:auto;border:1px solid #ffffffb8;border-radius:24px;background:#ffffffd9;box-shadow:0 24px 70px #1b244029;overflow:hidden}.auth-brand{background:linear-gradient(155deg,#171f3a,#25215c 56%,#5142d6);color:#fff;padding:3.6rem!important;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:340px;height:340px;border:50%;right:-150px;bottom:-180px;background:#8c81ff55}.auth-brand .mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffffff1a;border:1px solid #ffffff2c;font-size:1.3rem}.auth-brand h1{font-size:2.65rem;letter-spacing:-.065em}.auth-brand .feature{display:flex;align-items:center;gap:.65rem;color:#d7dcff;margin-top:1rem}.auth-brand .feature i{color:#b7adff}.auth-forms{padding:2.7rem!important}.auth-forms .card{box-shadow:none;border:0;background:transparent}.auth-forms .card-body{padding:0!important}.auth-forms h2{font-size:1.2rem;font-weight:750;letter-spacing:-.03em}.auth-forms .small{color:var(--muted)}.auth-forms .row{--bs-gutter-x:1.5rem}@media(max-width:767.98px){.sidebar{width:68px;min-width:68px;padding:.85rem!important}.brand{justify-content:center}.brand span,.company-label,.sidebar .nav-link:not(.text-warning){font-size:0}.sidebar .nav-link i{font-size:1rem;width:auto}.sidebar hr{margin:1rem 0}.sidebar .signout{font-size:0}.sidebar .signout i{font-size:1rem}.content-area{padding:1rem!important}.topbar{padding:0 1rem!important}.user-chip{font-size:0;padding:.35rem}.auth-shell{border-radius:0;min-height:100vh}.auth-brand{padding:2.5rem!important}.auth-brand h1{font-size:2.2rem}.auth-forms{padding:2rem!important}}@media print{.sidebar,.topbar,.no-print{display:none!important}.content-area{padding:0!important}.invoice-paper{box-shadow:none;max-width:none;padding:1rem;border:0}}