:root{--triopsis-indigo: #2c1e4a;--triopsis-purple: #6c4db3;--triopsis-cyan: #3ab8c8;--triopsis-light: #f5f4fb;--triopsis-white: #ffffff;--triopsis-ink: #1b1b24;--triopsis-muted: #6f7187;--triopsis-border: #e1e3ef;--triopsis-success: #2f9e44;--triopsis-warning: #f59f00;--triopsis-danger: #d6336c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--triopsis-light);color:var(--triopsis-ink)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--triopsis-white);border-bottom:1px solid var(--triopsis-border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--triopsis-purple),var(--triopsis-cyan));display:inline-flex;align-items:center;justify-content:center;color:var(--triopsis-white);font-weight:700}.brand-title{font-size:1.2rem;font-weight:600}.nav-links{display:flex;gap:1rem;flex-wrap:wrap;font-size:.95rem;color:var(--triopsis-muted)}.nav-links a.active{color:var(--triopsis-indigo);font-weight:600}.shell-content{flex:1;padding:2rem}.card{background:var(--triopsis-white);border:1px solid var(--triopsis-border);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #2c1e4a14}.card+.card{margin-top:1.5rem}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button{border:none;border-radius:999px;padding:.55rem 1.25rem;background:var(--triopsis-purple);color:var(--triopsis-white);cursor:pointer;font-weight:600}.button.secondary{background:var(--triopsis-white);color:var(--triopsis-indigo);border:1px solid var(--triopsis-border)}.alert{border-radius:12px;padding:.85rem 1rem;background:#fff1f3;border:1px solid #fecdd3;color:#9f1239}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.success{background:#2f9e441f;color:var(--triopsis-success)}.badge.warning{background:#f59f001f;color:var(--triopsis-warning)}.badge.danger{background:#d6336c1f;color:var(--triopsis-danger)}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.75rem;border-bottom:1px solid var(--triopsis-border);text-align:left}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,#f0edff,#f7f7fb 55%,#fff)}.login-card{width:min(420px,100%);padding:2rem}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-field input{padding:.55rem .75rem;border-radius:10px;border:1px solid var(--triopsis-border);font-size:.95rem}.form-help{font-size:.85rem;color:var(--triopsis-muted)}.footer{padding:1.5rem 2rem;color:var(--triopsis-muted);font-size:.85rem;text-align:center}