:root{--color-primary:#4f46e5;--color-secondary:#111827;--font-family:"Inter",system-ui,sans-serif;--bg:#f8fafc;--card-bg:#ffffff;--text:#0f172a;--border:#e2e8f0}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-family)}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.btn{background:var(--color-primary);color:white;border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.input{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);font-size:.9rem}.grid-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--border);padding:1rem}.content{flex:1 1;padding:1.5rem;min-width:0}@media (max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}}