@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--accent:#e53918;--accent-strong:#c6280d;--accent-border:#f04a23;--accent-soft:#fff2ec;--brand-orange:#f68402;--brand-orange-soft:#fff1dd;--success:#42be45;--success-soft:#e4f7e5;--danger:#ff2d2d;--danger-soft:#ffebeb;--warning:#f9cf58;--warning-soft:#fef8e8;--info:#3b82f6;--info-soft:#dbeafe;--bg:#f7f7f7;--surface:#fff;--surface-alt:#f5f5f5;--line:#ecedef;--line-strong:rgba(147,130,130,.2);--ink:#413838;--muted:#625656;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--radius-btn:10px;--radius-badge:4px;--space-2:8px;--space-3:12px;--space-4:16px;--gutter:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 3px 6px rgba(0,0,0,.1);--shadow-lg:0 8px 15px rgba(0,0,0,.1);--shadow-pop:0 3px 4px rgba(240,74,35,.2)}@media(min-width:900px){:root{--gutter:40px}}*{box-sizing:border-box}html{overflow-y:scroll}body{margin:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-weight:600}.btn-primary,.btn-secondary,h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif}.btn-primary,.btn-secondary{border-radius:var(--radius-btn);padding:11px 20px;font-weight:500;font-size:.88rem;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary:active:not(:disabled){transform:scale(.96)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:20px}.cp-shell{display:flex;min-height:100vh}.cp-sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .22s ease}.cp-sidebar-logo{padding:22px 20px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.cp-sidebar-logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.cp-sidebar-brand{font-size:.9rem;font-weight:700;color:var(--ink);line-height:1.1}.cp-sidebar-brand span{display:block;font-size:.68rem;font-weight:500;color:var(--muted);margin-top:1px}.cp-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.cp-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--muted);font-size:.88rem;font-weight:500;cursor:pointer;text-decoration:none;position:relative;transition:background .12s ease,color .12s ease}.cp-nav-item:hover{background:var(--bg);color:var(--ink)}.cp-nav-item.active{color:var(--accent);background:var(--accent-soft)}.cp-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.cp-nav-icon{width:18px;height:18px;flex-shrink:0}.cp-sidebar-footer{padding:14px 20px;border-top:1px solid var(--line)}.cp-sidebar-company{font-size:.8rem;font-weight:600;color:var(--ink);margin-bottom:2px}.cp-sidebar-company,.cp-sidebar-user{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-sidebar-user{font-size:.73rem;color:var(--muted);margin-bottom:12px}.cp-logout-btn{width:100%;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;color:var(--muted);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:border-color .12s,color .12s}.cp-logout-btn:hover{border-color:var(--danger);color:var(--danger)}.cp-content{margin-left:max(240px,calc(50vw - 800px));margin-right:auto;max-width:1600px;flex:1;min-width:0;overflow-x:clip}.cp-topbar{display:none;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:90}.cp-topbar-title{font-size:1rem;font-weight:700;flex:1}.cp-hamburger{background:none;border:none;cursor:pointer;padding:4px}.cp-hamburger svg{display:block}.cp-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}.cp-page{padding:32px var(--gutter) 72px;max-width:1400px;margin:0 auto;width:100%}.cp-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px;flex-wrap:wrap}.cp-page-title{font-size:1.45rem;font-weight:700;margin:0}.cp-page-sub{font-size:.84rem;color:var(--muted);margin:4px 0 0}.cp-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:32px}.cp-stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px 15px #0000000d;transition:box-shadow .18s ease,transform .18s ease}.cp-stat-card:hover{box-shadow:0 8px 24px #00000017;transform:translateY(-1px)}.cp-stat-label{font-size:.78rem;color:var(--muted);font-weight:500}.cp-stat-value{font-size:1.6rem;font-weight:700;color:var(--ink);line-height:1}.cp-stat-sub{font-size:.74rem;color:var(--muted)}.cp-stat-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.cp-stat-icon.orange{background:var(--brand-orange-soft);color:var(--brand-orange)}.cp-stat-icon.red{background:var(--accent-soft);color:var(--accent)}.cp-stat-icon.green{background:var(--success-soft);color:var(--success)}.cp-stat-icon.blue{background:var(--info-soft);color:var(--info)}.cp-section{margin-bottom:32px}.cp-section-title{font-size:1rem;font-weight:700;margin:0 0 14px;color:var(--ink)}.cp-table-wrap{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--line)}.cp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.cp-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:580px}.cp-table th{text-align:left;padding:12px 18px;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg)}.cp-table td,.cp-table th{border-bottom:1px solid var(--line)}.cp-table td{padding:14px 18px;vertical-align:middle}.cp-table tr:last-child td{border-bottom:none}.cp-table tbody tr{transition:background .1s ease}.cp-table tbody tr:hover{background:var(--bg)}.cp-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.cp-search{flex:1;min-width:180px;max-width:320px;position:relative}.cp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.cp-search .form-input{padding-left:36px}.cp-select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:.86rem;background:var(--surface);font-family:inherit;color:var(--ink);cursor:pointer}.cp-modal-backdrop{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.cp-modal{background:var(--surface);border-radius:var(--radius-2xl);padding:28px;width:100%;max-width:440px;box-shadow:0 24px 48px #0000002e,0 6px 16px #00000014}.cp-modal-title{font-size:1.1rem;font-weight:700;margin:0 0 18px;display:flex;align-items:center;gap:9px}.cp-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cp-modal-wide{max-width:680px!important;max-height:90vh;overflow-y:auto}.cp-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.cp-form-label{font-size:.8rem;font-weight:600;color:var(--muted)}.cp-empty{padding:56px 20px;text-align:center;color:var(--muted);font-size:.88rem}.cp-empty-icon{font-size:2.8rem;margin-bottom:12px;opacity:.35}.cp-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.skeleton{background:var(--line);border-radius:var(--radius-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-primary,.btn-secondary{border-radius:var(--radius-btn);padding:11px 20px;font-weight:500;font-size:.88rem;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;font-family:Plus Jakarta Sans,sans-serif;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;border:1px solid var(--accent-strong)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #e5391852}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.btn-secondary:hover{border-color:var(--accent-border);color:var(--accent-strong)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1.5px solid var(--line)}.form-input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;font-size:.9rem;background:var(--surface-alt);font-family:inherit;color:var(--ink);transition:border-color .15s ease,background .15s ease}.form-input:focus{outline:none;border-color:var(--accent-border);background:var(--surface)}.status-pill{padding:3px 10px;border-radius:var(--radius-badge);font-size:.72rem;font-weight:600;display:inline-block;white-space:nowrap}.status-pill.pending{background:var(--warning-soft);color:#9c7a12}.status-pill.invoiced{background:var(--info-soft);color:var(--info)}.status-pill.active,.status-pill.paid{background:var(--success-soft);color:var(--success)}.status-pill.inactive{background:var(--danger-soft);color:var(--danger)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.12);border-top:2px solid var(--accent);animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-white{border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)}.btn-loading{opacity:.85;align-items:center;justify-content:center}.btn-loading,.toast-container{pointer-events:none;display:flex;gap:8px}.toast-container{position:fixed;top:16px;right:16px;z-index:500;flex-direction:column;width:min(92vw,360px)}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:12px 14px;font-size:.86rem;line-height:1.4;box-shadow:0 4px 20px #00000040;pointer-events:auto;animation:toast-in .25s cubic-bezier(.2,.8,.2,1)}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.info{background:var(--info)}.toast-msg{flex:1}.toast-close{background:none;border:none;color:#fffc;cursor:pointer;padding:0;font-size:1rem;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){.cp-sidebar{transform:translate(-100%)}.cp-sidebar.open{transform:translate(0);box-shadow:0 8px 24px #0000002e}.cp-overlay.open{display:block}.cp-content{margin-left:0;padding-top:54px}.cp-topbar{display:flex}.cp-page{padding:20px var(--gutter) 72px}.cp-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.cp-modal{padding:22px 18px}.cp-table td,.cp-table th{padding:10px 12px}.cp-page-header{flex-direction:column;align-items:flex-start;gap:10px}.cp-page-header>div:first-child{width:100%}.cp-page-header>.btn-primary,.cp-page-header>.btn-secondary{align-self:flex-start}.cp-filters{flex-wrap:wrap}.cp-filters .cp-search{width:100%}.cp-filters .cp-select{flex:1;min-width:120px}.cp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cp-modal-wide{max-width:100%!important;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cp-modal-backdrop{align-items:flex-end;padding:0}}@media(min-width:1440px){.cp-stat-grid{grid-template-columns:repeat(4,1fr)}}