:root{--ink:#0d0c0a;--paper:#f2ece0;--gold:#c4a35a;--green:#3d7a52;--gray-light:#e5dfd5;--gray-mid:#d4cec2;--gray-dark:#a39f99}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--ink);color:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--paper);margin-bottom:.5rem;font-family:Playfair Display,serif;font-weight:700}h1{margin-bottom:1rem;font-size:2.5rem}h2{margin-bottom:.875rem;font-size:1.875rem}h3{margin-bottom:.75rem;font-size:1.5rem}.layout-wrapper{background-color:var(--ink);height:100vh;display:flex}.sidebar{background-color:var(--ink);border-right:1px solid var(--gray-light);flex-direction:column;width:240px;padding:2rem 1.5rem;display:flex;overflow-y:auto}.logo{color:var(--gold);margin-bottom:2rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-link{color:var(--paper);border-radius:4px;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:var(--gold);background-color:#c4a35a1a}.main-content{background-color:var(--ink);flex:1;padding:2rem;overflow-y:auto}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.card{border:1px solid var(--gray-light);background-color:#f2ece00d;border-radius:8px;padding:1.5rem;transition:all .2s}.card:hover{border-color:var(--gold);background-color:#c4a35a0d}.stat-card{border:1px solid var(--gray-light);background:linear-gradient(135deg,#c4a35a1a 0%,#3d7a520d 100%);border-radius:8px;padding:1.5rem}.stat-label{color:var(--gray-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.stat-value{color:var(--gold);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-change{color:var(--gray-dark);margin-top:.5rem;font-size:.875rem}.stat-change.positive{color:var(--green)}.stat-change.negative{color:#d66}button,.button{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--gold);color:var(--ink)}.btn-primary:hover{background-color:#d4b26f;transform:translateY(-2px);box-shadow:0 4px 12px #c4a35a4d}.btn-secondary{color:var(--paper);border:1px solid var(--gray-light);background-color:#0000}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-success{background-color:var(--green);color:var(--paper)}.btn-success:hover{background-color:#2d623f;transform:translateY(-2px)}table{border-collapse:collapse;border:1px solid var(--gray-light);background-color:#f2ece005;border-radius:8px;width:100%;overflow:hidden}thead{border-bottom:2px solid var(--gray-light);background-color:#c4a35a1a}th{text-align:left;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.875rem;font-weight:600}td{color:var(--paper);border-bottom:1px solid #c4a35a1a;padding:.875rem 1rem}tbody tr:hover{background-color:#c4a35a0d}input,select,textarea{border:1px solid var(--gray-light);color:var(--paper);background-color:#f2ece00d;border-radius:4px;padding:.75rem;font-family:Inter,sans-serif;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);background-color:#f2ece014;outline:none;box-shadow:0 0 0 2px #c4a35a33}label{color:var(--paper);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group{margin-bottom:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.text-muted{color:var(--gray-dark)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--gray-light);border-right:none;flex-direction:row;width:100%;padding:1rem}.layout-wrapper{flex-direction:column}.main-content{padding:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}}