:root{--bg-color: #fcfcfd;--panel-bg: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #1b4d3e;--accent-hover: #143d31;--positive: #10b981;--neutral: #f59e0b;--negative: #dc2626;--glass-bg: rgba(255, 255, 255, .9);--sidebar-width: 260px;--transition: all .25s ease-in-out;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 44px 6px -1px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;padding:2rem 1.5rem;z-index:100;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;max-width:calc(100vw - var(--sidebar-width))}h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1b4d3e33;filter:brightness(1.1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.card{padding:1.5rem;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{border-color:#1b4d3e4d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}input,select,textarea{width:100%;padding:.875rem;background:#fff;border:1.5px solid var(--border-color);border-radius:6px;color:var(--text-primary);transition:var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #1b4d3e1a}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:1.1rem 1rem;color:var(--text-primary);background:#f8fafc;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border-color)}td{padding:1rem;border-bottom:1px solid var(--border-color)}tr:hover td{background:#f8fafc}.badge{padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-positive{background:#dcfce7;color:#166534}.badge-neutral{background:#fef3c7;color:#92400e}.badge-negative{background:#fee2e2;color:#991b1b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border-radius:12px;background:#fff;border:1.5px solid var(--border-color)}.table-container table{min-width:1100px;margin-top:0}.table-container th:last-child{position:sticky;right:0;background:#f8fafc;z-index:11;box-shadow:-4px 0 8px #0000000d}.table-container td:last-child{position:sticky;right:0;background:#fff;z-index:10;box-shadow:-4px 0 8px #0000000d}.table-container tr:hover td:last-child{background:#f8fafc}.table-container::-webkit-scrollbar,.sidebar::-webkit-scrollbar{height:12px;width:6px}.table-container::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-container::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px;border:3px solid #f1f5f9}.table-container::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media(max-width:1400px){:root{--sidebar-width: 220px}}@media(max-width:1200px){:root{--sidebar-width: 200px}.main-content{padding:1.5rem}h1{font-size:1.6rem}}@media(max-width:1024px){:root{--sidebar-width: 80px}.sidebar span,.sidebar p,.sidebar nav a b{display:none}.sidebar h2{font-size:1rem}.main-content{padding:1rem}}