:root{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 5.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 142 70% 40%;--primary-foreground: 0 0% 5%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 50.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 142 70% 40%;--radius: .5rem;--sidebar-bg: 240 5.9% 8%;--sidebar-fg: 240 4.8% 95.9%;--sidebar-muted: 240 5% 50%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-border: 240 3.7% 18%;color-scheme:dark}.light{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 142 76% 36%;--primary-foreground: 355 100% 97%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 142 76% 36%;--sidebar-bg: 240 10% 3.9%;--sidebar-fg: 0 0% 98%;--sidebar-muted: 240 5% 64.9%;--sidebar-accent: 240 4.8% 10%;--sidebar-border: 240 3.7% 15.9%;color-scheme:light}.contrast{--background: 0 0% 0%;--foreground: 0 0% 100%;--card: 0 0% 5%;--card-foreground: 0 0% 100%;--popover: 0 0% 3%;--popover-foreground: 0 0% 100%;--primary: 142 85% 55%;--primary-foreground: 0 0% 0%;--secondary: 0 0% 12%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 12%;--muted-foreground: 0 0% 60%;--accent: 0 0% 15%;--accent-foreground: 0 0% 100%;--destructive: 0 100% 60%;--destructive-foreground: 0 0% 100%;--border: 0 0% 25%;--input: 0 0% 20%;--ring: 142 85% 55%;--sidebar-bg: 0 0% 3%;--sidebar-fg: 0 0% 100%;--sidebar-muted: 0 0% 50%;--sidebar-accent: 0 0% 10%;--sidebar-border: 0 0% 18%;color-scheme:dark}.contrast.light{--background: 0 0% 100%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--primary: 220 100% 25%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 92%;--secondary-foreground: 0 0% 0%;--muted: 0 0% 92%;--muted-foreground: 0 0% 40%;--border: 0 0% 0%;--input: 0 0% 10%;--sidebar-bg: 0 0% 5%;--sidebar-fg: 0 0% 100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.5;min-height:100vh}code,pre,kbd,samp,.mono{font-family:Geist Mono,SF Mono,Fira Code,monospace}a{color:hsl(var(--primary));text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:calc(var(--radius) - 2px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:57px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0;position:sticky;top:0;z-index:30}.page-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.page-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.page-header-breadcrumb{display:flex;align-items:center;gap:.375rem;min-width:0;font-size:.8125rem}.page-header-section{color:hsl(var(--muted-foreground));font-weight:500}.page-header-sep{color:hsl(var(--border));flex-shrink:0}.page-header-icon{color:hsl(var(--muted-foreground));flex-shrink:0}.page-header-title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header-user{font-size:.8125rem;color:hsl(var(--muted-foreground));max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{display:inline-flex}.mobile-menu-btn{display:none!important}.page-body{flex:1;padding:2rem;overflow-y:auto}.sidebar{width:240px;min-width:240px;background:hsl(var(--sidebar-bg));border-right:1px solid hsl(var(--sidebar-border));display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:width .2s ease,min-width .2s ease}.sidebar.collapsed{width:68px;min-width:68px}.sidebar.collapsed .sidebar-brand{padding:0;justify-content:center}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .sidebar-link-label{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.625rem}.sidebar.collapsed .sidebar-link-icon{width:1.5rem;height:1.5rem}.sidebar.collapsed .sidebar-nav{padding:.75rem .5rem;gap:.375rem}.sidebar.collapsed .sidebar-footer{padding:.75rem .5rem}.sidebar-brand{padding:0 1.5rem;height:57px;border-bottom:1px solid hsl(var(--sidebar-border));display:flex;align-items:center;gap:.625rem;flex-shrink:0;overflow:hidden}.sidebar-brand-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.sidebar-brand-text{font-size:1rem;font-weight:600;color:hsl(var(--sidebar-fg));letter-spacing:-.01em;white-space:nowrap}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;overflow-x:hidden}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);color:hsl(var(--sidebar-muted));font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;white-space:nowrap;overflow:hidden}.sidebar-link:hover{color:hsl(var(--sidebar-fg));background:hsl(var(--sidebar-accent));text-decoration:none}.sidebar-link.active{color:hsl(var(--sidebar-fg));background:hsl(var(--sidebar-accent))}.sidebar-link-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.sidebar-section{padding:.75rem .75rem .25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--sidebar-muted));white-space:nowrap;overflow:hidden}.sidebar-footer{padding:.75rem;border-top:1px solid hsl(var(--sidebar-border))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;line-height:1.25rem;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover:not(:disabled){background:hsl(var(--secondary) / .8)}.btn-outline{background:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border))}.btn-outline:hover:not(:disabled){background:hsl(var(--accent))}.btn-ghost{background:transparent;color:hsl(var(--foreground))}.btn-ghost:hover:not(:disabled){background:hsl(var(--accent))}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-destructive:hover:not(:disabled){opacity:.9}.btn-sm{padding:.25rem .625rem;font-size:.8125rem}.btn-lg{padding:.625rem 1.25rem;font-size:.9375rem}.btn-icon{padding:.5rem;width:2.25rem;height:2.25rem}.input{display:block;width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid hsl(var(--input));background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;font-family:inherit;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:hsl(var(--muted-foreground))}.input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.input-error{border-color:hsl(var(--destructive))}.label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:hsl(var(--foreground))}.form-group{margin-bottom:1rem}.form-error{font-size:.75rem;color:hsl(var(--destructive));margin-top:.25rem}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between}.card-header h2{font-size:.9375rem;font-weight:600}.card-header p{font-size:.8125rem;color:hsl(var(--muted-foreground));margin-top:.125rem}.card-body{padding:1.5rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.25rem;border:1px solid transparent}.badge-default{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary) / .2)}.badge-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.badge-success{background:#1fad531a;color:#1fad53;border-color:#1fad5333}.badge-destructive{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .2)}.table-wrap{overflow-x:auto;border:1px solid hsl(var(--border));border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .4);border-bottom:1px solid hsl(var(--border))}.table td{padding:.625rem 1rem;border-bottom:1px solid hsl(var(--border) / .6);color:hsl(var(--foreground))}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:hsl(var(--muted) / .3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 20px 60px #0006;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .15s ease}.modal-lg{max-width:640px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));display:flex;justify-content:flex-end;gap:.5rem}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 10px 30px #0000004d;animation:slideIn .2s ease;min-width:280px;display:flex;align-items:center;gap:.5rem}.toast-success{border-left:3px solid hsl(var(--primary))}.toast-error{border-left:3px solid hsl(var(--destructive))}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{margin-bottom:1rem;color:hsl(var(--muted-foreground))}.empty-state h3{font-size:1rem;font-weight:600;margin-bottom:.375rem}.empty-state p{font-size:.875rem;color:hsl(var(--muted-foreground));max-width:400px;margin:0 auto}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .6s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem}.stat-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--muted-foreground));margin-bottom:.375rem}.stat-card-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;font-family:Geist Mono,monospace}.stat-card-sub{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.code-block{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;font-family:Geist Mono,monospace;font-size:.8125rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.copy-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-family:inherit;cursor:pointer;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));transition:all .15s ease}.copy-btn:hover{background:hsl(var(--accent))}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(var(--background))}.login-card{width:100%;max-width:400px;padding:2.5rem}.login-mark{display:flex;align-items:center;gap:.625rem;margin-bottom:2rem}.login-mark-icon{font-size:1.5rem;line-height:1}.login-mark-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.login-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{display:none;position:fixed;z-index:50;width:280px;max-width:85vw;height:100vh;top:0;left:0;box-shadow:8px 0 24px #0000004d;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{display:flex;width:280px!important;min-width:auto!important;max-width:85vw;transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000004d;animation:fadeIn .2s ease}.sidebar.open .sidebar-brand-text,.sidebar.open .sidebar-section,.sidebar.open .sidebar-link-label{display:block}.sidebar.open .sidebar-brand{padding:0 1.5rem;justify-content:flex-start}.sidebar.open .sidebar-link{justify-content:flex-start;padding:.5rem .75rem}.sidebar.open .sidebar-link-icon{width:1.25rem;height:auto}.sidebar.open .sidebar-nav{padding:.75rem;gap:.25rem}.sidebar.open .sidebar-footer{padding:.75rem}.sidebar-toggle{display:none}.mobile-menu-btn{display:inline-flex!important}.page-header{padding:0 1rem}.page-header-breadcrumb{display:none}.page-body{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}}