:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59,130,246,0.1);--background:#0b101e;--card-bg:#1e293b;--content-bg:#111827;--sidebar-bg:#111827;--sidebar-text:#e2e8f0;--gray-dark:#e2e8f0;--gray:#94a3b8;--gray-light:#334155;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}@media (prefers-color-scheme:dark){:root{--background:#1a202c;--card-bg:#2d3748;--foreground:#e2e8f0}}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;font-family:var(--font-family);color:var(--gray-dark);background-color:var(--background)}*,body,html{margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.layout{display:flex;min-height:100vh;width:100vw;position:relative;background-color:var(--background);overflow-x:hidden}.sidebar{width:250px;background-color:var(--sidebar-bg);color:var(--sidebar-text);padding:20px 0;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;z-index:10;border-right:1px solid rgba(255,255,255,.05)}.sidebar-header{padding:0 20px 20px;margin-bottom:20px}.sidebar-brand{font-size:24px;font-weight:700;margin-bottom:5px;color:white;letter-spacing:-.5px}.sidebar-subtitle{font-size:12px;color:var(--sidebar-text);opacity:.7;font-weight:400}.sidebar-menu{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.sidebar-item{padding:12px 20px;display:flex;align-items:center;gap:12px;transition:all .2s ease;color:var(--sidebar-text);font-weight:500;border-radius:8px;margin:0 8px 2px}.sidebar-item.active{background-color:rgba(59,130,246,.15);color:var(--primary-color)}.sidebar-item:hover:not(.active){background-color:rgba(255,255,255,.05);color:white}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.8}.main-content{flex:1 1;padding:25px 30px;margin-left:250px;min-height:100vh;width:calc(100vw - 250px);max-width:calc(100vw - 250px);background-color:var(--content-bg)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-box{width:300px;position:relative}.search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid var(--gray-light);border-radius:30px;font-size:14px;background-color:#1a2234;color:var(--gray-dark);transition:all .2s ease}.search-input::placeholder{color:var(--gray)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--gray)}.profile-section{gap:10px}.profile-icon,.profile-section{display:flex;align-items:center}.profile-icon{width:38px;height:38px;border-radius:50%;background-color:var(--primary-color);justify-content:center;color:white;font-weight:700;box-shadow:0 2px 4px rgba(59,130,246,.2);background-image:linear-gradient(to bottom right,#f97316,#ef4444)}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.card{background-color:var(--card-bg);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.2);padding:20px;border:none;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.metric-card{display:flex;flex-direction:column}.metric-header{display:flex;justify-content:space-between;margin-bottom:15px}.metric-icon{width:36px;height:36px;border-radius:8px;background-color:rgba(255,255,255,.05);color:var(--gray-dark);display:flex;align-items:center;justify-content:center;font-size:16px}.metric-value{font-size:28px;font-weight:700;margin-bottom:6px;color:var(--gray-dark)}.metric-label{font-size:14px;color:var(--gray);font-weight:400}.table-container{border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;border:none;margin-bottom:30px;color:var(--gray-dark)}.table-container,.table-header{background-color:var(--card-bg)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gray-light)}.table-title{font-size:18px;font-weight:600;color:var(--gray-dark)}.search-filter,.table-actions{display:flex;gap:10px}.search-filter{align-items:center}table{width:100%;border-collapse:collapse}td,th{padding:14px 24px;text-align:left;border-bottom:1px solid var(--gray-light)}th{background-color:var(--card-bg);font-weight:600;color:var(--gray);font-size:13px;text-transform:uppercase;letter-spacing:.5px}tr:hover{background-color:rgba(255,255,255,.03)}.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status.active{background-color:rgba(16,185,129,.1);color:var(--success)}.status.inactive{background-color:rgba(239,68,68,.1);color:var(--danger)}.status.paid{background-color:rgba(16,185,129,.1);color:var(--success)}.status.pending{background-color:rgba(245,158,11,.1);color:var(--warning)}.status.failed{background-color:rgba(239,68,68,.1);color:var(--danger)}.btn{padding:10px 16px;border-radius:var(--border-radius);font-size:14px;font-weight:600;border:none;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:white;box-shadow:0 2px 4px rgba(59,130,246,.2)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--gray-light);color:var(--gray-dark)}.btn-outline:hover{background-color:rgba(255,255,255,.05);border-color:var(--gray)}.action-btn{padding:8px;background-color:transparent;border:none;border-radius:8px;color:var(--gray);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background-color:rgba(255,255,255,.05);color:var(--gray-dark)}.edit-btn{color:var(--primary-color)}.delete-btn{color:var(--danger)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-top:1px solid var(--gray-light)}.page-info{color:var(--gray);font-size:14px}.page-controls{display:flex;gap:6px}.page-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-light);border-radius:8px;background-color:var(--card-bg);color:var(--gray-dark);transition:all .2s ease}.page-btn.active,.page-btn:hover{border-color:var(--primary-color)}.page-btn.active{background-color:var(--primary-color);color:white}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border-radius:var(--border-radius);width:500px;max-width:90%;box-shadow:0 10px 25px rgba(0,0,0,.25);border:none;overflow:hidden}.modal,.modal-header{background-color:var(--card-bg)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-light);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;color:var(--gray-dark)}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--gray);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background-color:rgba(0,0,0,.05);color:var(--gray-dark)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--gray-light);display:flex;justify-content:flex-end;gap:12px;background-color:var(--card-bg)}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:600}.form-input,.form-label{color:var(--gray-dark);font-size:14px}.form-input{width:100%;padding:12px;border:1px solid var(--gray-light);border-radius:var(--border-radius);transition:all .2s ease;background-color:#1a2234}.form-input::placeholder{color:var(--gray)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select{width:100%;padding:12px;border:1px solid var(--gray-light);border-radius:var(--border-radius);font-size:14px;background-color:#1a2234;color:var(--gray-dark);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px)}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (max-width:1024px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:10px;top:0;left:0;box-shadow:0 1px 5px rgba(0,0,0,.05)}.main-content{margin-left:0;width:100%;padding:20px}.dashboard-cards{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:15px}.search-box{width:100%}}.page-header{font-size:28px;margin-bottom:24px}.page-header,.section-header{font-weight:600;color:var(--gray-dark)}.section-header{font-size:20px;margin-bottom:20px}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}