:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-hover:#4338ca;--primary-light:#eef2ff;--danger:#dc2626;--danger-hover:#b91c1c;--danger-light:#fef2f2;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--info:#0284c7;--info-light:#f0f9ff;--navbar-bg:#1e1b4b;--navbar-text:#e0e7ff;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--radius:8px;--radius-sm:4px;--shadow:0 1px 3px rgba(0,0,0,.10) , 0 1px 2px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.10);--transition:.15s ease;--navbar-height:58px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Outfit',sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-hover)}code{font-family:'DM Mono',monospace;font-size:.85em;background:#f1f5f9;padding:1px 5px;border-radius:3px;color:var(--primary-dark)}.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-height);background:var(--navbar-bg);display:flex;align-items:center;gap:1.5rem;padding:0 1.75rem;box-shadow:0 2px 8px rgba(0,0,0,.25)}.navbar-brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:600;font-size:1.05rem;flex-shrink:0}.navbar-icon{font-size:1.3rem;color:#a5b4fc}.navbar-name{letter-spacing:.03em}.navbar-nav{display:flex;gap:.2rem;flex:1}.navbar-user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:var(--radius-sm);color:var(--navbar-text);font-weight:500;font-size:.875rem;transition:background var(--transition) , color var(--transition);white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.nav-link.active{background:rgba(255,255,255,.15);color:#fff}.nav-logout:hover{background:rgba(220,38,38,.3);color:#fca5a5}.user-name{color:#c7d2fe;font-size:.8rem;display:flex;align-items:center;gap:.35rem}.badge-iam{background:#818cf8;color:#fff;font-size:.65rem;padding:1px 5px;border-radius:3px;font-weight:600;letter-spacing:.05em}.main-content{flex:1;padding:2rem 1.75rem;max-width:1400px;width:100%;margin:0 auto}.footer{padding:.75rem 1.75rem;text-align:center;color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--border);background:var(--surface)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-title{font-size:1.35rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.page-title i{color:var(--primary)}.page-sub{color:var(--text-muted);font-size:.85rem;margin-top:.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:#f8fafc}.card-title{font-size:.95rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.4rem}.card-body{padding:1.25rem}.card-search{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition) , border-color var(--transition) , color var(--transition);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.btn-full{width:100%;justify-content:center}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-secondary{background:#475569;color:#fff;border-color:#475569}.btn-secondary:hover{background:#334155;border-color:#334155;color:#fff}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#047857;border-color:#047857;color:#fff}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover{background:#b45309;border-color:#b45309;color:#fff}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{background:#f1f5f9;border-color:var(--text-muted);color:var(--text)}.btn-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.1rem;padding:.2rem .4rem;border-radius:3px;transition:color var(--transition)}.btn-close:hover{color:var(--danger)}.alert{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;border:1px solid transparent}.alert-success{background:var(--success-light);border-color:#a7f3d0;color:#065f46}.alert-danger{background:var(--danger-light);border-color:#fecaca;color:#991b1b}.alert-warning{background:var(--warning-light);border-color:#fde68a;color:#92400e}.alert-info{background:var(--info-light);border-color:#bae6fd;color:#075985}.token-alert{flex-direction:column;gap:.5rem}.token-alert-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.token-url-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #bae6fd;border-radius:var(--radius-sm);padding:.4rem .75rem}.token-url{word-break:break-all;font-size:.8rem;flex:1}.badge{display:inline-flex;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:600;border-radius:99px;white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-primary{background:var(--primary-light);color:var(--primary)}.ms-auto{margin-left:auto}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text)}.form-control{padding:.5rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;color:var(--text);background:var(--surface);transition:border-color var(--transition) , box-shadow var(--transition);width:100%}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.form-control::placeholder{color:#94a3b8}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:end}.form-group-email{min-width:200px}.form-actions{display:flex;gap:.5rem;align-items:center;margin-top:.25rem}.form-actions-inline{justify-content:flex-start;margin-top:0;align-self:flex-end}.form-check-wrap{flex-direction:row;align-items:center}.form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.form-check input[type="checkbox"]{width:16px;height:16px;accent-color:var(--primary)}.required{color:var(--danger)}.input-icon-wrap{position:relative}.input-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;pointer-events:none}.input-icon-wrap .form-control{padding-left:2.2rem}.password-rules{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:.85rem;font-size:.8rem}.rules-title{font-weight:600;margin-bottom:.35rem}.password-rules ul{padding-left:1.25rem}.password-rules li{margin-bottom:.15rem;color:var(--text-muted)}.search-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.search-bar-inline{margin-bottom:0}.search-bar .input-icon-wrap{flex:1}.panel{margin-bottom:1rem}.panel-hidden{display:none}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{padding:.65rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#f8fafc;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#fafafa}.table tbody tr.row-inactive td{opacity:.6}.th-actions{text-align:right;min-width:240px}.td-actions{text-align:right;white-space:nowrap}.th-app{text-align:center;min-width:100px}.table-access .td-access{text-align:center}.btn-access{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition) , opacity var(--transition);background:none;padding:0}.btn-access:hover{transform:scale(1.15)}.btn-access-granted{color:var(--success)}.btn-access-granted:hover{color:var(--danger)}.btn-access-denied{color:#cbd5e1}.btn-access-denied:hover{color:var(--success)}.edit-row td{background:var(--primary-light);padding:.75rem 1rem}.edit-form .form-row{align-items:flex-end}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow);border-left:4px solid var(--primary)}.app-card-inactive{border-left-color:var(--danger);opacity:.7}.app-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.app-icon{width:40px;height:40px;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);flex-shrink:0}.app-label{font-weight:600;font-size:.95rem}.app-slug{font-size:.75rem;color:var(--text-muted)}.app-card-stats{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.app-url{font-size:.75rem;color:var(--info);word-break:break-all}.user-fullname{font-weight:500}.uuid-short{font-size:.72rem;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem}.pagination-info{color:var(--text-muted);font-size:.875rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.login-body{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 60%,#4f46e5 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-wrapper{width:100%;max-width:420px}.login-card{background:var(--surface);border-radius:14px;padding:2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:2.8rem;color:var(--primary);display:block;margin-bottom:.75rem}.login-title{font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.login-subtitle{color:var(--text-muted);font-size:.875rem}.login-footer{text-align:center;margin-top:1.5rem;color:var(--text-muted)}@media (max-width:768px){.main-content{padding:1rem}.navbar{padding:0 1rem;gap:.75rem}.navbar-name{display:none}.user-name span:first-child{display:none}.page-header{flex-direction:column}.form-row{grid-template-columns:1fr}.apps-grid{grid-template-columns:1fr}.th-actions,.td-actions{min-width:auto}}