:root{--font-display:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Space Grotesk",-apple-system,BlinkMacSystemFont,monospace;--neo-bg:#f9f9f7;--neo-surface:#ffffff;--neo-subtle:#f4f4f2;--neo-zinc:#eeeeec;--neo-ink:#111111;--neo-muted:#5f5e5e;--neo-dim:#747a60;--neo-lime:#ccff00;--neo-lime-dark:#a3cc00;--neo-lime-light:#e6ff80;--neo-amber:#fde047;--neo-cyan:#67e8f9;--neo-purple:#d8b4fe;--neo-mint:#86efac;--neo-rose:#fda4af;--shadow-sm:2px 2px 0px var(--neo-ink);--shadow-md:4px 4px 0px var(--neo-ink);--shadow-lg:6px 6px 0px var(--neo-ink);--shadow-xl:8px 8px 0px var(--neo-ink);--shadow-hover:6px 6px 0px var(--neo-ink);--border-thick:2px solid var(--neo-ink);--border-thin:1.5px solid var(--neo-ink);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-tactile:0.12s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-display);background-color:var(--neo-bg);color:var(--neo-ink);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;background-image:radial-gradient(#111111 .75px,transparent 0),radial-gradient(#111111 .75px,#f9f9f7 0);background-size:28px 28px;background-position:0 0,14px 14px}a{color:inherit;text-decoration:none}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:270px;background:var(--neo-surface);border-right:var(--border-thick);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40}.admin-main-wrap{flex:1 1;margin-left:270px;display:flex;flex-direction:column;min-width:0;min-height:100vh}.sidebar-brand{padding:1.5rem 1.25rem;border-bottom:var(--border-thick);gap:.85rem;background:var(--neo-subtle)}.brand-icon,.sidebar-brand{display:flex;align-items:center}.brand-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--neo-lime);border:var(--border-thick);justify-content:center;font-family:var(--font-display);font-size:1.35rem;box-shadow:var(--shadow-sm)}.brand-icon,.brand-text h2{color:var(--neo-ink);font-weight:800}.brand-text h2{font-size:1.05rem;letter-spacing:-.02em;line-height:1.15}.brand-text span{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--neo-ink);text-transform:uppercase;letter-spacing:.08em;background:var(--neo-lime);padding:1px 6px;border:1px solid var(--neo-ink);border-radius:var(--radius-full);display:inline-block;margin-top:3px}.sidebar-nav{padding:1.25rem .85rem;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem}.nav-label{font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neo-muted);padding:.65rem .75rem .25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);color:var(--neo-ink);font-size:.875rem;font-weight:600;border:2px solid transparent;transition:all var(--transition-tactile)}.nav-item svg{width:18px;height:18px;stroke-width:2.2}.nav-item:hover{background:var(--neo-subtle);box-shadow:2px 2px 0 var(--neo-ink)}.nav-item.active,.nav-item:hover{border-color:var(--neo-ink);transform:translate(-1px,-1px)}.nav-item.active{background:var(--neo-lime);color:var(--neo-ink);font-weight:700;box-shadow:3px 3px 0 var(--neo-ink)}.sidebar-footer{padding:1rem .85rem;border-top:var(--border-thick);background:var(--neo-subtle);display:flex;flex-direction:column;gap:.65rem}.user-badge{gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--neo-surface);border:var(--border-thick);box-shadow:2px 2px 0 var(--neo-ink)}.user-avatar,.user-badge{display:flex;align-items:center}.user-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--neo-lime);border:1.5px solid var(--neo-ink);justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--neo-ink)}.user-info{flex:1 1;min-width:0}.user-info .name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .name,.user-info .role{font-weight:700;color:var(--neo-ink)}.user-info .role{font-family:var(--font-mono);font-size:.65rem;display:flex;align-items:center;gap:4px}.user-info .role:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981;border:1px solid var(--neo-ink);display:inline-block}.admin-header{height:68px;background:var(--neo-surface);border-bottom:var(--border-thick);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-title-wrap{display:flex;align-items:center;gap:1rem}.page-title{font-size:1.25rem;font-weight:800;color:var(--neo-ink);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:.75rem}.admin-content{padding:2.25rem;flex:1 1;max-width:1440px;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--neo-surface);border:var(--border-thick);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-md);transition:transform var(--transition-tactile),box-shadow var(--transition-tactile)}.metric-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.metric-title{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--neo-ink);text-transform:uppercase;letter-spacing:.05em}.metric-icon-box{width:40px;height:40px;border-radius:var(--radius-md);border:var(--border-thick);display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--neo-ink)}.metric-icon-box.indigo{background:var(--neo-lime);color:var(--neo-ink)}.metric-icon-box.emerald{background:var(--neo-mint);color:var(--neo-ink)}.metric-icon-box.amber{background:var(--neo-amber);color:var(--neo-ink)}.metric-icon-box.cyan{background:var(--neo-cyan);color:var(--neo-ink)}.metric-icon-box.purple{background:var(--neo-purple);color:var(--neo-ink)}.metric-value{font-size:2rem;font-weight:800;color:var(--neo-ink);letter-spacing:-.03em;line-height:1.15}.metric-subtitle{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--neo-muted);margin-top:.5rem}.card{background:var(--neo-surface);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:2rem}.card-header{padding:1.25rem 1.75rem;border-bottom:var(--border-thick);background:var(--neo-subtle);justify-content:space-between;gap:1rem}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:1.1rem;font-weight:800;color:var(--neo-ink);letter-spacing:-.01em;gap:.5rem}.card-subtitle{font-family:var(--font-mono);font-size:.78rem;color:var(--neo-muted);margin-top:.15rem}.card-body{padding:1.75rem}.table-responsive{overflow-x:auto;width:100%}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.admin-table th{background:var(--neo-zinc);color:var(--neo-ink);font-family:var(--font-mono);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.9rem 1.25rem;border-bottom:var(--border-thick);white-space:nowrap}.admin-table td{padding:1.1rem 1.25rem;border-bottom:1.5px solid var(--neo-zinc);color:var(--neo-ink);vertical-align:middle;background:var(--neo-surface)}.admin-table tbody tr{transition:background var(--transition-tactile)}.admin-table tbody tr:hover td{background:#fafae8}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .75rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border:var(--border-thin);box-shadow:1.5px 1.5px 0 var(--neo-ink)}.badge-dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--neo-ink)}.badge-pending{background:var(--neo-amber);color:var(--neo-ink)}.badge-pending .badge-dot{background:var(--neo-ink)}.badge-paid{background:var(--neo-lime);color:var(--neo-ink)}.badge-paid .badge-dot{background:var(--neo-ink)}.badge-backend,.badge-design,.badge-frontend,.badge-processing{background:var(--neo-cyan);color:var(--neo-ink)}.badge-backend .badge-dot,.badge-design .badge-dot,.badge-frontend .badge-dot,.badge-processing .badge-dot{background:var(--neo-ink)}.badge-final{background:var(--neo-purple);color:var(--neo-ink)}.badge-final .badge-dot{background:var(--neo-ink)}.badge-done{background:var(--neo-mint);color:var(--neo-ink)}.badge-done .badge-dot{background:var(--neo-ink)}.badge-cancelled{background:var(--neo-rose);color:var(--neo-ink)}.badge-cancelled .badge-dot{background:var(--neo-ink)}.badge-outline{background:var(--neo-surface);color:var(--neo-ink)}.badge-promo-active{background:var(--neo-lime);color:var(--neo-ink)}.badge-promo-inactive{background:var(--neo-subtle);color:var(--neo-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;font-weight:700;padding:.6rem 1.15rem;border-radius:var(--radius-md);border:var(--border-thick);cursor:pointer;white-space:nowrap;transition:transform var(--transition-tactile),box-shadow var(--transition-tactile)}.btn-primary{background:var(--neo-lime);color:var(--neo-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--neo-ink)}.btn-secondary{background:var(--neo-surface);color:var(--neo-ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--neo-subtle);transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.btn-secondary:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--neo-ink)}.btn-danger{background:var(--neo-rose);color:var(--neo-ink);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.btn-danger:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--neo-ink)}.btn-sm{padding:.4rem .75rem;font-size:.78rem}.btn-icon{padding:.45rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.25rem}.form-label{font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--neo-ink)}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem .95rem;font-family:var(--font-display);font-size:.9rem;background:var(--neo-surface);border:var(--border-thick);border-radius:var(--radius-md);color:var(--neo-ink);box-shadow:2px 2px 0 var(--neo-ink);transition:all var(--transition-tactile)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background:#ffffff;box-shadow:4px 4px 0 var(--neo-ink);transform:translate(-1px,-1px)}.form-textarea{resize:vertical;min-height:85px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.95rem;width:18px;height:18px;color:var(--neo-ink)}.search-input{padding-left:2.5rem;width:290px}.filter-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;margin-bottom:1.5rem}.filter-tab{padding:.45rem .95rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.78rem;font-weight:700;background:var(--neo-surface);border:var(--border-thick);color:var(--neo-ink);box-shadow:2px 2px 0 var(--neo-ink);cursor:pointer;transition:all var(--transition-tactile);white-space:nowrap}.filter-tab:hover{background:var(--neo-subtle);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--neo-ink)}.filter-tab.active{background:var(--neo-lime);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--neo-ink)}.modal-backdrop{position:fixed;inset:0;background:rgba(17,17,17,.65);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-dialog{background:var(--neo-surface);border:var(--border-thick);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalIn .18s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.35rem 1.75rem;border-bottom:var(--border-thick);background:var(--neo-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.15rem;font-weight:800;color:var(--neo-ink);letter-spacing:-.01em}.modal-body{padding:1.75rem}.modal-footer{padding:1.1rem 1.75rem;border-top:var(--border-thick);background:var(--neo-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.85rem}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem;background:var(--neo-subtle);padding:1.15rem;border-radius:var(--radius-md);border:var(--border-thick);box-shadow:2px 2px 0 var(--neo-ink)}.kv-item{display:flex;flex-direction:column}.kv-label{font-family:var(--font-mono);font-size:.72rem;color:var(--neo-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.kv-value{font-size:.95rem;font-weight:700;color:var(--neo-ink);margin-top:.2rem;word-break:break-all}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--neo-bg)}.login-card{width:100%;max-width:440px;background:var(--neo-surface);border:var(--border-thick);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-xl);position:relative}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:58px;height:58px;border-radius:var(--radius-lg);background:var(--neo-lime);border:var(--border-thick);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1rem;box-shadow:var(--shadow-md)}.login-logo,.login-title{color:var(--neo-ink);font-weight:800}.login-title{font-size:1.5rem;letter-spacing:-.02em}.login-subtitle{font-family:var(--font-mono);font-size:.8rem;color:var(--neo-muted);margin-top:.35rem}.alert-error{background:var(--neo-rose)}.alert-error,.alert-success{border:var(--border-thick);color:var(--neo-ink);padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;margin-bottom:1.25rem;box-shadow:2px 2px 0 var(--neo-ink);display:flex;align-items:center;gap:.5rem}.alert-success{background:var(--neo-mint)}.pipeline-track{gap:.5rem;padding:.5rem 0;overflow-x:auto}.pipeline-step,.pipeline-track{display:flex;align-items:center}.pipeline-step{gap:.35rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--neo-ink);padding:.4rem .75rem;border-radius:var(--radius-full);background:var(--neo-surface);border:var(--border-thin);box-shadow:1.5px 1.5px 0 var(--neo-ink);white-space:nowrap}.pipeline-step.completed{background:var(--neo-mint)}.pipeline-step.active{background:var(--neo-lime);box-shadow:3px 3px 0 var(--neo-ink);transform:translate(-1px,-1px)}@media (max-width:900px){.admin-sidebar{transform:translateX(-100%);transition:transform var(--transition-tactile)}.admin-sidebar.open{transform:translateX(0)}.admin-main-wrap{margin-left:0}.admin-content{padding:1.25rem}.kv-grid{grid-template-columns:1fr}}