:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#101828;background:#f4f5f8;--primary: #5b57eb;--primary-soft: rgba(91, 87, 235, .12);--primary-strong: #4d48d7;--cyan: #00b7f1;--magenta: #ec168c;--yellow: #f6d500;--black: #151515;--bg-app: #f4f5f8;--bg-sidebar: #f7f7fa;--bg-card: #ffffff;--border: #e4e7ec;--text: #101828;--muted: #667085;--success: #12b76a;--warning: #f59e0b;--danger: #f04438;--shadow: 0 6px 20px rgba(16, 24, 40, .04)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg-app);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:18px 12px}.sidebar-brand{padding:10px 10px 18px}.brand-badge{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.brand-badge span{width:14px;height:14px;border-radius:999px}.badge-c{background:var(--cyan)}.badge-m{background:var(--magenta)}.badge-y{background:var(--yellow)}.badge-k{background:var(--black)}.sidebar h1{color:var(--primary);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.sidebar-copy{margin-top:10px;color:var(--muted);font-size:.88rem}.eyebrow{margin-bottom:6px;color:#98a2b3;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav{display:grid;gap:4px}.nav-link{padding:11px 12px;border-radius:10px;text-decoration:none;color:#475467;font-size:.92rem;font-weight:600;transition:background-color .16s ease,color .16s ease}.nav-link:hover{background:#eef2f6}.nav-link-active{background:var(--primary-soft);color:var(--primary)}.content{padding:24px}.page{display:grid;gap:24px;max-width:1280px}.page-header,.panel-header,.split,.dashboard-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.page h2{font-size:2rem;font-weight:800;letter-spacing:-.03em}.page-copy,.metric-helper,.muted,table span{color:var(--muted)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card,.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.compact-card{min-height:112px}.metric-label{margin-bottom:8px;color:var(--muted);font-size:.92rem;font-weight:500}.metric-value{font-size:2.1rem;font-weight:800;letter-spacing:-.04em}.accent-primary{color:var(--primary)}.kpi-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.kpi-trend{color:var(--success);font-size:.78rem;font-weight:700}.kpi-chip{padding:4px 8px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:.7rem;font-weight:800}.dashboard-main-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}.dash-panel h3,.panel h3{font-size:1.05rem;font-weight:700;margin-bottom:20px}.wide-panel h3{margin-bottom:0}.status-stack{display:grid;gap:14px}.status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.95rem}.status-label{display:inline-flex;align-items:center;gap:10px;color:#344054}.status-dot{width:10px;height:10px;border-radius:999px}.dot-primary{background:var(--primary)}.dot-success{background:#22c55e}.dot-warning{background:#f59e0b}.status-meter{width:100%;height:8px;border-radius:999px;background:#eaecf0;overflow:hidden}.meter-fill{display:block;height:100%;border-radius:inherit}.fill-primary{background:var(--primary)}.fill-success{background:#22c55e}.fill-warning{background:#f59e0b}.link-like{color:var(--primary);font-size:.8rem;font-weight:700}.align-right{text-align:right}.payment-pill,.art-tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:800;white-space:nowrap}.payment-late{background:#f044381f;color:var(--danger)}.payment-pending{background:#f59e0b1f;color:#b54708}.payment-paid{background:#12b76a1f;color:var(--success)}.art-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mini-art-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid #eef1f4;background:#fafbfc}.mini-art-icon{min-width:48px;height:48px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:.72rem;font-weight:800}.mini-art-content{flex:1;min-width:0}.mini-art-content strong{display:block;font-size:.95rem;margin-bottom:2px}.mini-art-content p{color:var(--muted);font-size:.78rem}.mini-art-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:10px}.art-tag-primary{color:var(--primary);background:#5b57eb1f}.art-tag-warning{color:#b54708;background:#f59e0b1f}.art-tag-success{color:#027a48;background:#12b76a1f}.client-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:24px}.stack-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.stack-column{display:grid;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.filters-bar label,.toggle-row{display:grid;gap:8px;color:#344054;font-size:.9rem;font-weight:600}.full-width{grid-column:1 / -1}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #d0d5dd;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5b57eb1f}textarea{resize:vertical}.form-actions,.table-actions,.filters-inline,.filters-bar{display:flex;gap:10px;flex-wrap:wrap}.list-header{align-items:center}.wrap-header{flex-wrap:wrap}.search-input{min-width:180px}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:transform .16s ease,opacity .16s ease}.button-primary:hover,.button-secondary:hover,.button-danger:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:#fff;color:#344054;border:1px solid #d0d5dd}.button-danger{background:#fee4e2;color:#b42318}.small{padding:7px 12px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #f0f2f5;vertical-align:top;font-size:.92rem}th{color:#98a2b3;font-size:.78rem;font-weight:600}td strong{display:block}.status-active{color:var(--success);background:#12b76a1f}.status-inactive{color:#b54708;background:#f59e0b24}.status-cancelled{color:var(--danger);background:#f044381f}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:auto}.alert{padding:14px 16px;border-radius:12px}.error{color:#7a271a;background:#fef3f2;border:1px solid #fecdca}@media(max-width:1200px){.dashboard-kpi-grid,.dashboard-main-grid,.art-card-grid,.stack-layout,.client-layout,.app-shell{grid-template-columns:1fr}}@media(max-width:720px){.content{padding:16px}.sidebar{padding:14px 10px}.form-grid{grid-template-columns:1fr}.page-header,.panel-header,.split,.dashboard-topbar,.filters-bar,.list-header{align-items:stretch}.button-primary,.button-secondary,.button-danger,.search-input{width:100%}}