:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8ecf1;background:#0b1020;--color-bg-primary: #0b1020;--color-bg-secondary: #12192d;--color-bg-card: rgba(12, 18, 35, .72);--color-bg-sidebar: rgba(8, 12, 24, .95);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-accent: #5d6bff;--color-accent-hover: #7c3aed;--color-success: #6bff9e;--color-error: #ff6b6b;--color-text-muted: #8da2c0;--color-text-primary: #e8ecf1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(93,107,255,.15),transparent 50%),radial-gradient(circle at 80% 100%,rgba(124,58,237,.1),transparent 50%),linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:1.5rem;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.brand-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#5d6bff33,#7c3aed33);border-radius:var(--radius-md);border:1px solid var(--color-border)}.brand-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand-name{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:var(--transition);border:1px solid transparent}.nav-link:hover{color:var(--color-text-primary);background:#ffffff08}.nav-link.active{color:var(--color-accent);background:linear-gradient(135deg,#5d6bff26,#7c3aed1a);border-color:#5d6bff4d}.nav-link svg{opacity:.7;transition:var(--transition)}.nav-link:hover svg,.nav-link.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--color-border)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.logout-btn:hover{color:var(--color-error);background:#ff6b6b1a;border-color:#ff6b6b4d}.content{display:flex;flex-direction:column;padding:2rem;overflow-x:hidden}.page-content{flex:1}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.topbar-title{display:flex;flex-direction:column;gap:.25rem}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:var(--color-accent);font-weight:600}.topbar h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-pill{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-radius:999px;background:var(--color-bg-card);border:1px solid var(--color-border);font-size:.9rem;font-weight:500}.user-pill svg{color:var(--color-text-muted)}input,select,button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:inherit;padding:.9rem 1.1rem;font-size:.95rem;transition:var(--transition);outline:none}input:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #5d6bff26}input::placeholder,select::placeholder{color:var(--color-text-muted)}label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted)}button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{padding:1.75rem;border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form,.form form{display:flex;flex-direction:column;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid{display:grid;gap:1.5rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid transparent;transition:var(--transition)}.list-item:hover{background:#ffffff0d;border-color:var(--color-border)}.list-item strong{font-weight:600;color:var(--color-text-primary)}.list-item span{color:var(--color-text-muted);font-size:.875rem}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 0%,rgba(93,107,255,.1),transparent 50%),radial-gradient(circle at 80% 100%,rgba(124,58,237,.08),transparent 50%)}.auth-layout .card{width:min(420px,100%);text-align:center}.auth-layout .card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1.5rem;margin-top:0}.auth-submit{margin-top:.5rem}.auth-footer{margin-top:1.5rem!important;padding-top:1rem;border-top:1px solid var(--color-border)}.auth-logo-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-layout p{color:var(--color-text-muted);font-size:.9rem;margin-top:1rem}.auth-layout a{color:var(--color-accent);font-weight:600;transition:var(--transition)}.auth-layout a:hover{color:var(--color-accent-hover);text-decoration:underline}.token-box{padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#5d6bff1a,#7c3aed14);border:1px solid rgba(93,107,255,.2)}.token-box p{color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem}.token-box code{display:block;padding:.75rem;background:#0000004d;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:.85rem;word-break:break-all;color:var(--color-success)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button-row button{padding:.75rem 1.25rem;font-size:.875rem}.field-error{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.85rem;padding:.6rem .75rem;background:#ff6b6b1a;border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.success-msg{display:flex;align-items:center;gap:.5rem;color:var(--color-success);font-size:.85rem;padding:.6rem .75rem;background:#6bff9e1a;border-radius:var(--radius-sm);border-left:3px solid var(--color-success)}.auth-layout .card p:has-text("Restoring session"){color:var(--color-text-muted);font-style:italic}@media(max-width:1024px){.shell{grid-template-columns:220px 1fr}.content{padding:1.5rem}}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding:1rem}.brand{margin-bottom:1rem;padding-bottom:1rem}.nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.nav-link{white-space:nowrap}.sidebar-footer{display:none}.two-columns,.form-grid{grid-template-columns:1fr}.toolbar-actions,.detail-header-row,.timeline-item,.detail-list>div{flex-direction:column;align-items:flex-start}.toolbar-field{width:100%}.span-2{grid-column:span 1}.topbar{flex-direction:column;align-items:flex-start;gap:1rem}.user-pill{align-self:flex-end}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(480px,90vw);max-height:85vh;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal--sm{width:min(400px,90vw)}.modal--lg{width:min(680px,90vw)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.15rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);box-shadow:none}.modal-close:hover{color:var(--color-text-primary);background:#ffffff0d;transform:none}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.75rem}.confirm-message{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.btn-secondary:hover{color:var(--color-text-primary);background:#ffffff0d;transform:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:var(--transition);box-shadow:none}.btn-icon:hover{color:var(--color-text-primary);background:#ffffff0d;transform:none}.btn-icon.btn-icon--danger:hover{color:var(--color-error);background:#ff6b6b1a;border-color:#ff6b6b4d}.btn-icon.btn-icon--accent:hover{color:var(--color-accent);background:#5d6bff1a;border-color:#5d6bff4d}.table-container{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.table-header h2{font-size:1.15rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-header--stacked{align-items:flex-start;gap:1rem}.toolbar-actions{display:flex;align-items:flex-end;gap:1rem}.toolbar-field{min-width:260px}.section-subtitle{color:var(--color-text-muted);font-size:.9rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{border-bottom:1px solid var(--color-border)}th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);background:#ffffff05}td{padding:.85rem 1.5rem;font-size:.9rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.table-actions{display:flex;gap:.4rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--color-text-muted);gap:.75rem}.empty-state p{margin:0;font-size:.95rem}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge--owner{background:#5d6bff26;color:#a5b4fc;border:1px solid rgba(93,107,255,.3)}.badge--admin{background:#7c3aed26;color:#c4b5fd;border:1px solid rgba(124,58,237,.3)}.badge--member{background:#6bff9e1a;color:var(--color-success);border:1px solid rgba(107,255,158,.2)}.badge--danger{background:#ff6b6b1f;color:var(--color-error);border:1px solid rgba(255,107,107,.28)}.badge--neutral{background:#8da2c01f;color:#cbd5e1;border:1px solid rgba(141,162,192,.22)}.detail-header-card h2,.detail-stack h2{margin-bottom:.5rem}.detail-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:var(--color-text-muted)}.detail-grid{align-items:start}.detail-stack{display:flex;flex-direction:column;gap:1rem}.detail-list{display:flex;flex-direction:column;gap:.9rem}.detail-list>div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.detail-list>div:last-child{border-bottom:none;padding-bottom:0}.detail-list span{color:var(--color-text-muted);text-align:right}.timeline-list{display:flex;flex-direction:column;gap:.85rem}.timeline-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08}.timeline-item>div{display:flex;flex-direction:column;gap:.2rem}.timeline-item span{color:var(--color-text-muted);font-size:.85rem}.timeline-item-meta{align-items:flex-end;text-align:right}.toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1100;display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .3s ease}.toast--success{background:#6bff9e26;border:1px solid rgba(107,255,158,.3);color:var(--color-success)}.toast--error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:var(--color-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}