@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#1f4287;--color-primary-hover:#152e5e;--bg-app:#f8f9fa;--bg-card:#fff;--bg-element:#f1f3f5;--bg-element-hover:#e9ecef;--bg-sidebar:#fff;--text-main:#212529;--text-muted:#6c757d;--text-inverted:#fff;--color-success:#38b000;--color-success-bg:#e8f5e9;--color-warning:#ffb703;--color-warning-bg:#fff8e1;--color-error:#d00000;--color-error-bg:#ffebee;--border-color:#dee2e6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--color-primary:#6b90d4;--color-primary-hover:#8ab4f8;--bg-app:#121212;--bg-card:#1e1e1e;--bg-element:#2c2c2c;--bg-element-hover:#383838;--bg-sidebar:#1e1e1e;--text-main:#e0e0e0;--text-muted:#9e9e9e;--text-inverted:#121212;--color-success:#81c784;--color-success-bg:#1b5e20;--color-warning:#ffd54f;--color-warning-bg:#ff6f00;--color-error:#e57373;--color-error-bg:#b71c1c;--border-color:#333;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.text-primary{color:var(--color-primary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}[data-theme=dark] .dark\:text-gray-100{color:#f3f4f6!important}[data-theme=dark] .dark\:text-gray-300{color:#d1d5db!important}[data-theme=dark] .dark\:text-gray-400{color:#9ca3af!important}.bg-card{background-color:var(--bg-card)}.bg-element{background-color:var(--bg-element)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:250px;transition:background-color .2s,border-color .2s;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;transition:background-color .2s,border-color .2s;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}.h1{letter-spacing:-.025em;font-size:1.875rem;font-weight:600}.h2{letter-spacing:-.025em;font-size:1.5rem;font-weight:600}.h3{letter-spacing:-.025em;font-size:1.25rem;font-weight:600}.body-sm{font-size:.875rem}.body-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.sidebar-header{height:64px;padding:1.5rem}.logo-box{width:32px;height:32px;box-shadow:var(--shadow-sm)}.sidebar-nav{flex:1;padding:1rem}.nav-item{color:var(--text-muted);padding:.75rem 1rem;transition:all .2s;position:relative}.nav-item:hover{background-color:var(--bg-element);color:var(--text-main)}.nav-item.active{color:var(--color-primary);background-color:#1f428714}[data-theme=dark] .nav-item.active{background-color:#6b90d426}.nav-item.active:before{content:"";background-color:var(--color-primary);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem}.user-org-btn{padding:.5rem;transition:background-color .2s}.user-org-btn:hover{background-color:var(--bg-element)}.h-divider{background-color:var(--border-color);width:1px;height:24px}.org-avatar{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.search-bar{border:1px solid #0000;width:300px;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:var(--color-primary);background-color:var(--bg-card);box-shadow:0 0 0 2px #1f42871a}.search-input{width:100%;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.icon-btn{width:36px;height:36px;color:var(--text-muted);transition:background-color .2s,color .2s}.icon-btn:hover{background-color:var(--bg-element-hover);color:var(--text-main)}.user-avatar{background-color:var(--color-warning);color:#fff;border:2px solid var(--bg-card);width:36px;height:36px;box-shadow:0 0 0 2px var(--color-warning-bg);font-size:.875rem;font-weight:600}.dashboard-grid{gap:1.5rem;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.kpi-header{color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.kpi-value{color:var(--text-main);letter-spacing:-.025em;font-size:2rem;font-weight:700}.kpi-trend{align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;font-weight:500;display:flex}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-error)}.trend-neutral{color:var(--text-muted)}.dashboard-row-2{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.dashboard-row-3{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.panel{background-color:var(--bg-card);border:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.attention-item{background-color:var(--bg-element);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,background-color .2s;display:flex}.attention-item:hover{background-color:var(--bg-element-hover);transform:translateY(-2px)}.attention-icon{justify-content:center;align-items:center;display:flex}.attention-icon.warning{color:var(--color-warning)}.attention-icon.error{color:var(--color-error)}.attention-icon.info{color:var(--color-primary)}.activity-item{border-bottom:1px solid var(--border-color);gap:1rem;padding:1rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{background-color:var(--bg-element);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.activity-icon.success{background-color:var(--color-success-bg);color:var(--color-success)}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:1rem;font-size:.875rem;font-weight:500}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem;font-size:.875rem}.status-badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-paid{background-color:var(--color-success-bg);color:var(--color-success)}.status-pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.status-overdue{background-color:var(--color-error-bg);color:var(--color-error)}@media (width<=1024px){.dashboard-row-2,.dashboard-row-3{grid-template-columns:1fr}}