:root{--midnight-slate: #20202A;--warm-white: #F6F5F1;--xeal-purple: #605DFF;--border-radius: 12px;--transition-fast: .15s ease;--transition-med: .25s ease}body{margin:0;background-color:var(--midnight-slate);color:var(--warm-white);font-family:proxima-nova,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{padding:40px;max-width:95vw;margin:0 auto}h1{margin:0;font-weight:600;color:var(--xeal-purple);letter-spacing:.5px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.brand{display:flex;align-items:center;gap:18px}.logo-dashboard{height:48px;width:auto}.logo-login{width:280px;max-width:70%;height:auto;margin-bottom:20px}.filter-card{background-color:#2a2a36;padding:20px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;box-shadow:0 10px 30px #0006}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.export-group{display:flex;align-items:flex-end;gap:12px}select,input[type=text],input[type=date]{background-color:#2c2c38;border:1px solid #3a3a4a;color:var(--warm-white);padding:8px 12px;border-radius:8px;outline:none;transition:var(--transition-fast);font-family:inherit}select:focus,input:focus{border-color:var(--xeal-purple)}.primary-btn{background-color:var(--xeal-purple);color:var(--warm-white);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:var(--transition-med);font-weight:500}.primary-btn:hover{transform:translateY(-2px);opacity:.95}.secondary-btn{background-color:transparent;border:1px solid var(--xeal-purple);color:var(--warm-white);padding:8px 16px;border-radius:20px;cursor:pointer;transition:var(--transition-med)}.secondary-btn:hover{background-color:#605dff26}.pagination{margin:20px 0 25px;display:flex;justify-content:center;align-items:center;gap:20px}.page-btn{background-color:var(--xeal-purple);border:none;padding:8px 18px;border-radius:20px;color:var(--warm-white);cursor:pointer;transition:var(--transition-med);font-weight:500}.page-btn:hover:not(:disabled){transform:translateY(-2px)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-info{font-weight:500;opacity:.85}.table-wrapper{width:100%;max-width:100%;overflow:auto;border:2px solid var(--warm-white);border-radius:var(--border-radius);box-shadow:0 10px 35px #00000073}table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:14px}td,th{white-space:nowrap}th{position:sticky;top:0;background-color:var(--midnight-slate);color:var(--warm-white);border-bottom:2px solid var(--warm-white);padding:12px;text-align:left;z-index:5;cursor:pointer;transition:var(--transition-fast)}th:hover{color:var(--xeal-purple)}th:first-child{position:sticky;left:0;z-index:6;background-color:var(--midnight-slate);border-right:2px solid #444}td:first-child{position:sticky;left:0;z-index:4;background-color:#1a1a22;border-right:1px solid #444}td:first-child:after{content:"";position:absolute;right:-1px;top:0;height:100%;width:8px;background:linear-gradient(to right,rgba(0,0,0,.4),transparent);pointer-events:none}td{padding:10px 12px;border-top:1px solid var(--warm-white);transition:var(--transition-fast)}tbody tr:hover{background-color:#605dff14}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-thumb{background-color:#3a3a4a;border-radius:10px}.table-wrapper::-webkit-scrollbar-track{background-color:transparent}.home{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:25px}@media(max-width:900px){.filter-card{flex-direction:column}.pagination{flex-direction:column;gap:12px}.logo-dashboard{height:36px}.logo-login{width:220px}}