@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#d4d4d4;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;line-height:1.7}.container{max-width:1000px;margin:0 auto;padding:32px 24px}nav{background:#000;border-bottom:1px solid #222;align-items:center;gap:32px;padding:16px 32px;display:flex}nav a{color:#666;letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:#ccc}nav a.active{color:#fff}nav .brand{color:#fff;letter-spacing:2px;text-transform:uppercase;margin-right:32px;font-size:16px;font-weight:700}table{border-collapse:collapse;background:#111;border:1px solid #222;width:100%}th,td{text-align:left;border-bottom:1px solid #1a1a1a;padding:12px 16px}th{text-transform:uppercase;letter-spacing:1px;color:#555;background:#0d0d0d;border-bottom:1px solid #222;font-size:11px;font-weight:600}td{color:#bbb;font-size:13px}tr:hover{background:#161616}td a{color:#fff;border-bottom:1px dotted #444;text-decoration:none}td a:hover{border-bottom-color:#999}button{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;color:#999;background:0 0;border:1px solid #333;border-radius:0;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}button:hover,.btn-primary{color:#000;background:#fff;border-color:#fff}.btn-primary:hover{background:#ccc;border-color:#ccc}.btn-danger{color:#666;border-color:#333}.btn-danger:hover{color:#000;background:#fff;border-color:#fff}.btn-secondary{color:#666;border-color:#333}.btn-secondary:hover{color:#ddd;background:#222;border-color:#444}.btn-sm{padding:4px 12px;font-size:11px}.actions{gap:4px;display:flex}form{background:#111;border:1px solid #222;max-width:520px;padding:32px}.form-group{margin-bottom:20px}.form-group label{color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-group input,.form-group select{color:#ddd;background:#0a0a0a;border:1px solid #333;border-radius:0;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#666;outline:none}.form-group input::placeholder{color:#444}.form-actions{gap:8px;margin-top:28px;display:flex}.page-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header h1{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:600}.page-header h2{color:#fff;font-size:16px;font-weight:600}.alert{border:1px solid;margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{color:#c44;background:#1a0000;border-color:#311}.alert-success{color:#4c4;background:#001a00;border-color:#131}.badge{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#1a1a1a;border:1px solid #333;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.detail-card{background:#111;border:1px solid #222;margin-bottom:24px;padding:24px}.detail-card p{color:#999;margin-bottom:8px;font-size:13px}.detail-card strong{color:#666;text-transform:uppercase;letter-spacing:.5px;width:120px;font-size:11px;font-weight:600;display:inline-block}.detail-card .id-label{color:#444;margin-top:12px;font-family:inherit;font-size:11px}.empty-state{text-align:center;color:#444;letter-spacing:.5px;border:1px dashed #222;padding:60px 20px;font-size:13px}.page-header h1:before{content:"> ";color:#333}.empty-state:before{content:"[ ";color:#333}.empty-state:after{content:" ]";color:#333}.app-layout{min-height:100vh;display:flex}.sidebar{background:#0d0d0d;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:200px;padding:16px 12px;display:flex}.main-content{flex:1;min-width:0;padding:24px 32px;overflow:auto}.mobile-header,.sidebar-overlay{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.mobile-header{z-index:200;background:#0d0d0d;border-bottom:1px solid #1a1a1a;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-brand{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:700}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px}.hamburger:hover{color:#fff;background:0 0}.app-layout{flex-direction:column}.sidebar{z-index:300;width:240px;height:100vh;transition:left .25s;position:fixed;top:0;left:-260px;overflow-y:auto}.sidebar-open{left:0}.sidebar-overlay{z-index:250;background:#0009;display:block;position:fixed;inset:0}.main-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .actions{flex-wrap:wrap}.page-header h1{font-size:16px}table{font-size:12px}th,td{padding:8px 10px}form{max-width:100%;padding:20px}.detail-card strong{width:auto;margin-bottom:2px;display:block}.actions{flex-wrap:wrap}}