:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:#0f172a;color:#e2e8f0}#root{min-height:100vh}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0}a{color:#60a5fa}a:hover{text-decoration:underline}.page-loading,.page-error{padding:2rem}.layout{display:flex;min-height:100vh;background:#0f172a}.sidebar{width:240px;background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:1.25rem;border-bottom:1px solid #334155}.sidebar-brand a{display:block;font-size:1.25rem;font-weight:700;color:#f8fafc;text-decoration:none}.sidebar-brand a:hover{color:#60a5fa}.sidebar-brand-sub{display:block;font-size:.8rem;color:#64748b;margin-top:.2rem}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav a{display:block;padding:.6rem 1.25rem;color:#94a3b8;text-decoration:none;font-size:.95rem}.sidebar-nav a:hover{color:#e2e8f0;background:#ffffff0d}.sidebar-nav a.active{color:#60a5fa;background:#60a5fa1a;border-right:3px solid #60a5fa}.main{flex:1;padding:1.5rem 2rem;overflow-x:auto}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid #334155;display:flex;flex-direction:column;gap:.5rem}.sidebar-user{font-size:.85rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{background:#1e293b;padding:2.5rem;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:380px}.login-card h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:#f8fafc}.login-sub{margin:0 0 1.5rem;color:#94a3b8;font-size:.95rem}.login-card form label{display:block;margin-bottom:1rem;color:#cbd5e1;font-size:.9rem}.login-card form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#f8fafc;font-size:1rem;box-sizing:border-box}.login-card form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.login-error{color:#f87171;font-size:.9rem;margin:0 0 1rem}.login-card form button{width:100%;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.login-card form button:hover:not(:disabled){background:#2563eb}.login-card form button:disabled{opacity:.6;cursor:not-allowed}.dashboard h1{margin:0 0 .5rem;font-size:1.5rem;color:#f8fafc}.dashboard-welcome{color:#94a3b8;margin:0 0 1.5rem;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#1e293b;padding:1.25rem;border-radius:10px;border:1px solid #334155}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:#f8fafc}.stat-label{font-size:.875rem;color:#94a3b8}.dashboard-section{margin-top:1.5rem}.dashboard-section h2{font-size:1.1rem;color:#e2e8f0;margin:0 0 .75rem}.recent-list{list-style:none;padding:0;margin:0;background:#1e293b;border-radius:10px;border:1px solid #334155;overflow:hidden}.recent-list li{padding:.75rem 1rem;border-bottom:1px solid #334155;color:#cbd5e1;font-size:.9rem}.recent-list li:last-child{border-bottom:none}.recent-list li strong{color:#f8fafc}.page-loading,.page-error{color:#94a3b8;padding:2rem}.page-error{color:#f87171}.apps-page .page-header,.users-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.apps-page h1,.users-page h1{margin:0;font-size:1.5rem;color:#f8fafc}.table-wrap{overflow-x:auto;background:#1e293b;border-radius:10px;border:1px solid #334155}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #334155}.data-table th{color:#94a3b8;font-weight:600}.data-table td{color:#e2e8f0}.data-table tbody tr:last-child td{border-bottom:none}.data-table code{background:#0f172a;padding:.2em .5em;border-radius:4px;font-size:.85em}.badge{padding:.2em .5em;border-radius:4px;font-size:.8rem}.badge-active{background:#14532d;color:#86efac}.badge-inactive{background:#374151;color:#d1d5db}.badge-maintenance{background:#78350f;color:#fcd34d}.badge-deprecated{background:#450a0a;color:#fca5a5}.btn{padding:.5rem 1rem;border-radius:8px;border:1px solid #475569;background:#334155;color:#e2e8f0;cursor:pointer;font-size:.9rem}.btn:hover{background:#475569}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-sm{padding:.35rem .65rem;font-size:.85rem;margin-right:.5rem}.btn-danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1e293b;padding:1.5rem;border-radius:12px;border:1px solid #334155;width:100%;max-width:440px}.modal h2{margin:0 0 1rem;font-size:1.2rem;color:#f8fafc}.modal form label{display:block;margin-bottom:1rem;color:#94a3b8;font-size:.9rem}.modal form input,.modal form textarea,.modal form select{display:block;width:100%;margin-top:.35rem;padding:.5rem .75rem;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#f8fafc;font-size:.95rem;box-sizing:border-box}.modal form textarea{resize:vertical;min-height:60px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters input,.filters select{padding:.5rem .75rem;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:.9rem}.filters input{min-width:200px}.badge-role{background:#1e3a5f;color:#93c5fd}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1rem;color:#94a3b8;font-size:.9rem}.modal-wide{max-width:480px}.users-page .page-error{margin-bottom:1rem}.api-docs-page h1{margin:0 0 .5rem;font-size:1.5rem;color:#f8fafc}.api-docs-intro{color:#94a3b8;margin:0 0 1.5rem;font-size:.95rem}.docs-actions{margin-bottom:1.5rem}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.system-card{background:#1e293b;padding:1.25rem;border-radius:10px;border:1px solid #334155}.system-card h3{margin:0 0 .5rem;font-size:1.1rem;color:#f8fafc}.system-desc{color:#94a3b8;font-size:.9rem;margin:0 0 .75rem;line-height:1.4}.system-meta{margin-bottom:1rem}.system-meta code{background:#0f172a;padding:.2em .5em;border-radius:4px;font-size:.85rem}.system-card .btn{margin-top:.25rem}