@import url('/assets/bootstrap.min.css');
:root{--purple:#6955d8;--ink:#252438;--muted:#8b899b;--line:#eeedf4;--bg:#f7f8fc;--sidebar:238px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;letter-spacing:.05px}a{text-decoration:none;color:var(--purple)}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 18px 20px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:25px;color:#27243f;letter-spacing:-1.2px;padding:0 15px 30px}.brand-icon{height:35px;width:35px;display:grid;place-items:center;background:var(--purple);border-radius:11px;color:white;font-weight:800;font-size:23px;box-shadow:0 5px 10px #6955d824}.brand small{font-weight:450;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;display:block;color:#9693a6;margin-top:0}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#aba8bb;margin:12px 18px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:8px;padding:11px 16px;color:#777488;margin:3px 0;font-weight:500;font-size:12px}.nav-link svg{width:18px;height:18px;stroke-width:1.65}.nav-link:hover{background:#f8f6ff;color:var(--purple)}.nav-link.active{background:#eeebfc;color:#6955d8;font-weight:650}.nav-count{font-size:10px;margin-left:auto;padding:1px 6px;background:#e0d9fa;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:20px 8px 0}.help-box{background:linear-gradient(135deg,#f3f0ff,#f9f7ff);border:1px solid #eee8ff;border-radius:10px;padding:16px;font-size:11px}.help-box strong{font-size:12px;display:block;margin:7px 0}.help-box p{color:#9991ac;margin:0 0 12px}.help-box a{font-size:11px;font-weight:650}.sidebar-footer{font-size:10px;color:#b1aebc;margin-top:18px;text-align:center}.workspace{margin-left:var(--sidebar)}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.search-global{display:flex;align-items:center;gap:10px;color:#a7a3b6}.search-global input{border:0;outline:0;width:265px;font-size:12px;background:transparent}.search-global kbd{font-family:inherit;color:#aaa5b8;background:#f7f7fa;border:1px solid #eeedf3;font-size:10px}.top-actions{display:flex;align-items:center;gap:21px}.icon-button{border:0;background:none;color:#8c889e;position:relative;padding:5px}.icon-button svg{width:19px}.notification-dot{position:absolute;right:5px;top:3px;background:#ef996a;border:2px solid white;border-radius:50%;width:8px;height:8px}.user-control{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:22px}.avatar{background:#eee9fc;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;color:var(--purple);font-weight:650;font-size:11px}.user-control strong{display:block;font-size:11px}.user-control small{font-size:10px;color:#aaa5b6}.main{padding:31px 35px 25px;max-width:1800px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;color:#aaa5ba;margin-bottom:6px}.page-header h1{font-size:25px;font-weight:650;letter-spacing:-.75px;margin:0 0 8px}.page-header p{font-size:11px;color:#9490a3;margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{font-size:11px;padding:10px 15px;border-radius:7px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn svg{height:14px;width:14px}.btn-primary{background:var(--purple);border-color:var(--purple);box-shadow:0 3px 7px #6955d817}.btn-primary:hover{background:#5845bd;border-color:#5845bd}.btn-light{background:#fff;border:1px solid #e8e6f0;color:#716d81}.btn-light:hover{background:#f4f1ff;border-color:#d9d0f5}.btn-sm{font-size:10px;padding:6px 9px}.btn-danger{background:#d95865;border-color:#d95865}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#8d899f;font-size:11px}.metric-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:17px;height:17px}.purple{background:#f0edff;color:#8268da}.green{background:#e7f8f1;color:#54b997}.orange{background:#fff3e8;color:#eeb179}.red{background:#ffeeef;color:#e18d93}.metric-value{font-size:25px;letter-spacing:-.8px;font-weight:650;margin:11px 0 9px}.metric-foot{color:#aaa6b5;font-size:9px;display:flex;align-items:center;gap:7px}.change{color:#53aa88;background:#edf8f2;padding:3px 5px;border-radius:4px;font-weight:600;font-size:9px}.change.warn{color:#d59557;background:#fff6e9}.charts-row{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;margin-bottom:24px}.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0;gap:12px}.panel-head h2{font-size:13px;font-weight:650;margin:0}.panel-head p{font-size:10px;color:#aaa5b7;margin:6px 0 0}.chart-body{height:230px;padding:24px 20px 12px}.chart-key{display:flex;gap:17px;align-items:center;font-size:9px;color:#9993aa}.dot{height:7px;width:7px;background:#8a78de;display:inline-block;border-radius:50%;margin-right:6px}.dot.pale{background:#e2dcf5}.donut-wrap{position:relative;height:176px;margin:12px auto 0;width:210px}.donut-center{position:absolute;inset:50px 0 auto;text-align:center;pointer-events:none}.donut-center strong{font-size:30px;font-weight:650;display:block;line-height:1.4}.donut-center span{font-size:9px;color:#a6a0b3}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:6px 26px 22px;font-size:10px;color:#918b9e}.legend-grid b{float:right;color:#605970;font-weight:600}.table-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.table-head h2{font-size:13px;font-weight:650;margin:0}.table-head p{font-size:10px;color:#aaa5b7;margin:6px 0 0}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{background:#fafafd;font-size:9px;font-weight:550;letter-spacing:.1px;color:#9b95a9;padding:12px 19px;border-block:1px solid #f0eef6;text-align:left}.data-table td{font-size:10px;padding:16px 19px;border-bottom:1px solid #f3f1f7;color:#797185}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdfcfe}.data-table td strong{font-size:10px;font-weight:600;color:#5d556e}.customer-cell{display:flex;align-items:center;gap:9px}.customer-cell .avatar{width:29px;height:29px;border-radius:8px;font-size:9px}.customer-cell small{display:block;font-size:9px;color:#b1aaba;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:#f0eef6;color:#9690a8;font-size:9px;font-weight:550}.status i{height:4px;width:4px;border-radius:50%;background:currentColor}.status-paid,.status-active,.status-accepted,.status-completed,.status-sent-email{background:#eaf8f1;color:#62b28e}.status-sent,.status-viewed,.status-pending{background:#efedff;color:#9986d5}.status-overdue,.status-cancelled,.status-failed,.status-rejected{background:#fff0f0;color:#dd8c8f}.status-partially-paid{background:#fff5e9;color:#d5a365}.panel-footer{padding:15px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aaa3b6}.pagination-buttons{display:flex;gap:5px}.pagination-buttons a,.pagination-buttons span{padding:4px 8px;border:1px solid #ece9f2;border-radius:4px;color:#aaa3b6}.pagination-buttons .current{background:#eeebfc;color:var(--purple);border-color:#eeebfc}.lower-row{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin-top:24px}.activity-list{padding:6px 22px 15px}.activity-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f4f2f8}.activity-row:last-child{border:0}.activity-row .metric-icon{width:30px;height:30px}.activity-row strong{font-size:10px;font-weight:550}.activity-row p{font-size:9px;color:#aaa3b6;margin:3px 0 0}.activity-row time{margin-left:auto;color:#b0a9ba;font-size:9px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 22px}.quick-action{padding:13px 14px;border:1px solid #eeebf5;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:10px;color:#7e738f}.quick-action:hover{background:#f7f4ff;color:var(--purple)}.quick-action svg{width:16px;color:#a58ed1}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#b6b0c0;margin-top:25px}.filter-bar{display:flex;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter-bar input,.filter-bar select{font-size:11px;border:1px solid #e9e5f0;padding:8px 11px;border-radius:6px;background:white;max-width:210px}.form-panel{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px}.field label{font-size:11px;font-weight:550;color:#7f758f;display:block;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #e5e0ee;border-radius:6px;padding:10px 12px;color:#62596f;background:#fff;font-size:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a899e4;box-shadow:0 0 0 3px #6955d80d}.field textarea{min-height:100px}.field.wide{grid-column:1/-1}.section-title{font-size:13px;font-weight:650;margin:25px 0 17px}.form-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.alert{font-size:12px;border-radius:8px}.empty{text-align:center;padding:55px 20px;color:#a59aaf}.empty strong{display:block;font-size:16px;color:#665973;margin-bottom:8px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}.tabs a{color:#95899f;padding:12px 0;font-size:12px}.tabs a.active{color:var(--purple);border-bottom:2px solid var(--purple)}.item-table input,.item-table select{width:100%;border:1px solid #e7e0ef;border-radius:5px;padding:8px;font-size:11px}.item-table th,.item-table td{padding:10px 6px}.item-table .desc{min-width:210px}.item-table .num{min-width:75px;width:90px}.totals-box{background:#faf9fe;border-radius:8px;padding:20px;margin-left:auto;width:330px}.total-line{display:flex;justify-content:space-between;margin:10px 0;color:#92849e;font-size:12px}.total-line.grand{font-size:17px;font-weight:650;color:#5e4a79;border-top:1px solid #eae2f3;padding-top:15px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#282044;color:white;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:450px;height:450px;border:70px solid #ffffff05;border-radius:50%;right:-180px;bottom:-160px}.auth-story h1{font-size:46px;font-weight:650;letter-spacing:-2px;line-height:1.18;margin:30px 0 20px}.auth-story p{color:#b6aacd;line-height:1.9;font-size:14px;max-width:370px}.auth-story .brand{color:white;padding:0;font-size:26px;letter-spacing:-1px}.auth-form{display:flex;align-items:center;justify-content:center;padding:50px 35px;background:#fff}.auth-card{width:100%;max-width:410px}.auth-card h2{font-size:27px;font-weight:650;letter-spacing:-.8px}.auth-card>p{color:#9e93ad;font-size:12px;margin:12px 0 27px}.auth-card .field{margin-bottom:20px}.auth-card .btn{width:100%;margin-top:5px}.auth-card .auth-note{font-size:11px;text-align:center;margin-top:20px}.setup{max-width:860px;margin:40px auto;padding:0 20px}.setup h1{font-size:28px}.setup-step{padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:20px;color:#786987;font-weight:600}.mobile-toggle{display:none}.detail-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-list dt{font-size:10px;color:#a196ab;font-weight:500}.info-list dd{font-size:12px;margin-top:6px}.attachment-list{font-size:11px;margin:12px 0}.document-frame{width:100%;min-height:900px;border:1px solid var(--line);background:white;border-radius:8px}.dropdown-inline{position:relative;display:inline-block}.dropdown-inline summary{list-style:none;cursor:pointer;font-size:16px;color:#aaa0b5}.dropdown-inline[open]>div{position:absolute;right:0;top:25px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #30234514;padding:8px;min-width:155px}.dropdown-inline a,.dropdown-inline button{display:block;text-align:left;width:100%;padding:8px;border:0;background:white;font-size:11px;color:#7d688e}.dropdown-inline a:hover,.dropdown-inline button:hover{background:#f6f1fc}.data-table:has(details[open]){margin-bottom:120px}.check{accent-color:var(--purple)}.hint{font-size:10px;color:#ab9fb5;margin-top:7px}.table-action{font-size:10px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report-card{padding:24px}.report-card h3{font-size:14px}.report-card p{font-size:11px;line-height:1.7;color:#a093ac}.notice{padding:15px;background:#f4f0fd;color:#92819e;border-radius:7px;font-size:11px;line-height:1.7}.toast-container{position:fixed;right:25px;bottom:25px;z-index:100}.toast-message{background:#352747;color:white;border-radius:9px;padding:14px 20px;font-size:12px;box-shadow:0 5px 20px #0002}.report-table th,.report-table td{font-size:11px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
@media(min-width:1550px){.main{padding-inline:45px}.metric-value{font-size:30px}.chart-body{height:265px}.donut-wrap{margin-top:25px}.legend-grid{padding-top:15px}.data-table td{padding-block:20px}}
@media(max-width:1150px){:root{--sidebar:205px}.main{padding:25px 22px}.topbar{padding:0 22px}.metric{padding:16px}.metric-value{font-size:21px}.charts-row{grid-template-columns:1.55fr 1fr}.brand{font-size:23px}.nav-link{font-size:11px}.top-actions{gap:10px}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:238px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 100px #29203944}.mobile-toggle{display:inline-flex}.search-global input{width:190px}.search-global kbd{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.charts-row,.lower-row,.detail-grid{grid-template-columns:1fr}.chart-body{height:260px}.donut-wrap{height:180px}.auth-story{display:none}.auth-screen{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.main{padding:22px 15px}.topbar{padding:0 15px;height:65px}.search-global input{width:145px;font-size:10px}.user-control{padding-left:8px}.user-control>div:not(.avatar){display:none}.top-actions{gap:6px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:23px}.metrics{gap:10px}.metric{padding:13px}.metric-value{font-size:20px}.metric-foot{font-size:8px}.metric-icon{width:27px;height:27px}.metric-head{font-size:10px}.form-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.panel-head{padding:17px 15px 0}.chart-key{gap:5px}.table-head{padding:17px 15px}.btn{padding:9px 11px}.totals-box{width:100%}.page-footer{font-size:8px}.quick-grid{padding:17px}.auth-form{padding:35px 22px}.info-list{grid-template-columns:1fr}.filter-bar{padding:15px}.filter-bar input{max-width:150px}}
@media print{.sidebar,.topbar,.page-header .actions,.filter-bar,.page-footer,.form-actions,.no-print{display:none!important}.workspace{margin:0}.main{padding:0}.panel{border:0}.metrics{break-inside:avoid}body{background:white}.data-table td{color:#222}}