:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc}html,body,#root{height:100%;margin:0;padding:0}body{background-color:#0f172a}#root{width:100%}.app{min-height:100%;display:flex;flex-direction:column;background:#f1f5f9}.app-main{flex:1;padding:0}.app-main--dashboard{display:flex;align-items:stretch;min-height:0}.app-main--auth{padding:2.5rem 2rem 3rem}.auth-wrapper{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:1.5rem;box-shadow:0 10px 25px #0f172a4d}.app-header h1{margin:0}.app-header p{margin:.25rem 0 0;color:#fffc}.header-actions{display:flex;align-items:center;gap:1rem}.dashboard{display:flex;width:100%;min-height:100%}.sidebar{background:#0f172a;color:#e2e8f0;padding:1.5rem;box-shadow:inset 0 0 0 1px #ffffff0d;width:260px;min-height:100%;display:flex;flex-direction:column}.sidebar__label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#94a3b8;margin-bottom:1rem}.sidebar__link{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:transparent;border:none;color:inherit;text-align:left;font-weight:600;cursor:pointer;transition:background .2s}.sidebar__link:hover{background:#ffffff14}.sidebar__link.active{background:#2563eb;color:#fff}.content{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.table-wrapper{width:100%;overflow-x:auto}.user-table,.device-table{width:100%;border-collapse:collapse;font-size:.95rem}.user-table th,.user-table td,.device-table th,.device-table td{border-bottom:1px solid #e2e8f0;padding:.75rem .5rem;text-align:left}.user-table th,.device-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.user-table__actions{display:flex;gap:.5rem;justify-content:flex-end}.users-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.user-form form{display:grid;gap:1rem;max-width:420px}.user-form{align-self:stretch}.device-actions{display:flex;gap:.75rem;justify-content:flex-end}.device-actions__header{text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:.75rem;padding:2rem;width:min(420px,90%);box-shadow:0 30px 60px #0f172a40}.modal.modal-large{width:min(720px,95%);max-height:90vh;overflow-y:auto}.modal.modal-alert{width:min(480px,90%);border:2px solid #f87171}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header button{background:none;color:#0f172a;padding:0;border-radius:0}.modal-section{margin-top:1.5rem;border-top:1px solid #e2e8f0;padding-top:1rem}.warning-text{color:#b91c1c;font-weight:600;margin-bottom:1rem}.form-actions{display:flex;gap:.75rem}.form-actions button[type=submit]{background:#2563eb}.form-actions button[type=button]{background:#94a3b8}.card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.75rem;box-shadow:0 15px 30px #0f172a14}.card.highlight{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.card.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.auth-card{max-width:420px}.auth-links{margin-top:1rem;display:flex;justify-content:flex-end}.link-button{background:none;color:#2563eb;padding:0;border-radius:0;text-decoration:underline;border:none;font-weight:600;cursor:pointer}.link-button:hover:not(:disabled){opacity:1;color:#1d4ed8}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;font-weight:600;gap:.5rem}input{padding:.75rem 1rem;border-radius:.75rem;border:1px solid #cbd5f5;font-size:1rem}button{padding:.75rem 1.25rem;border-radius:999px;border:none;font-weight:600;background:#2563eb;color:#fff;cursor:pointer;transition:opacity .2s,transform .1s}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.device-actions .danger{background:#dc2626}.error{color:#b91c1c;text-align:center;font-weight:600}.success{color:#065f46;text-align:center;font-weight:600}.hint{font-size:.9rem;color:#475569;margin:.25rem 0}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column}}.button-spinner{display:inline-block;width:.9em;height:.9em;margin-right:.4em;vertical-align:-.1em;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.blocked-badge{display:inline-block;margin-left:.5em;padding:.1em .55em;border-radius:999px;background:#fdecea;color:#b3261e;font-size:.75em;font-weight:600;vertical-align:middle}.internal-call-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 8px 24px #00000059;z-index:1000}.internal-call-bar__label{font-weight:600}