:root{color-scheme:dark;--bg-primary: #0b0d13;--bg-panel: rgba(18, 24, 33, .9);--border: rgba(90, 120, 170, .4);--accent: #5ee0ff;--accent-strong: #f7b955;--text-primary: #f5f5f2;--text-secondary: rgba(245, 245, 242, .7);--danger: #ff6b6b;--success: #5ad866;--warning: #ffc857;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top,#152230cc,#05060b 55%);min-height:100%;color:var(--text-primary)}body:before{content:"";position:fixed;inset:0;background-image:url('data:image/svg+xml,%3Csvg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 100 L50 0 L150 0 L200 100 L150 200 L50 200 Z" fill="rgba(94, 224, 255, 0.03)"/%3E%3C/svg%3E');opacity:.3;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(5,6,11,.85) 65%);z-index:-1}.app-shell{width:min(1200px,calc(100% - 3rem));margin:0 auto}.app-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#05080df2,#05080da6);border-bottom:1px solid rgba(94,224,255,.18);backdrop-filter:blur(12px);padding:1rem 0 .75rem}.app-title{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.app-nav{display:flex;gap:1rem;flex-wrap:wrap}.app-nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;letter-spacing:.06em;padding:.25rem .5rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.app-nav a:hover,.app-nav a.active{color:var(--accent);border-color:var(--accent)}.panel-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-block:1.5rem;box-shadow:0 12px 48px #05090f73}.section-title{margin:0 0 1rem;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-strong)}.grid{display:grid;gap:1.25rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#141a24e6;border:1px solid rgba(94,224,255,.18);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.stat-card .label{font-size:.9rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.stat-card .value{font-size:2rem;font-weight:600;color:var(--accent)}.tab-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tab-bar button{background:#0f1722e6;color:var(--text-secondary);border:1px solid rgba(94,224,255,.18);border-radius:999px;padding:.4rem 1rem;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.tab-bar button.active{color:var(--bg-primary);background:var(--accent);border-color:transparent}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#0f1520cc;border-radius:12px;overflow:hidden}thead{background:#141a24e6}thead th{font-weight:600;text-align:left;padding:.9rem 1rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}tbody td{padding:.75rem 1rem;border-top:1px solid rgba(94,224,255,.1);font-size:.95rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:#5ee0ff1a;color:var(--accent);border:1px solid rgba(94,224,255,.2)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.tag-cloud span{background:#5ee0ff14;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;letter-spacing:.04em;color:var(--text-secondary);border:1px solid rgba(94,224,255,.12)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(94,224,255,.22);background:#141a24d9;color:var(--accent);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 4px 18px #5ee0ff40}.button.secondary{color:var(--text-secondary);border-color:#5ee0ff1f}.button.destructive{color:var(--danger);border-color:#ff6b6b4d}input,textarea,select{width:100%;border-radius:10px;border:1px solid rgba(94,224,255,.18);background:#0c1018d9;color:var(--text-primary);padding:.55rem .75rem;font-size:.95rem;margin:.35rem 0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #5ee0ff29}.flex{display:flex;gap:.75rem}.flex.wrap{flex-wrap:wrap}.flex.column{flex-direction:column}.muted{color:var(--text-secondary)}.error-banner{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.25);border-radius:12px;padding:.75rem 1rem;margin-top:1rem;color:var(--danger)}.success-banner{background:#5ad86626;border:1px solid rgba(90,216,102,.28);border-radius:12px;padding:.75rem 1rem;margin-top:1rem;color:var(--success)}.list-reset{list-style:none;margin:0;padding:0}@media (max-width: 720px){.app-shell{width:calc(100% - 2rem)}.mudling-header,.flex.responsive{flex-direction:column;align-items:stretch}.app-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.app-nav::-webkit-scrollbar{display:none}.app-nav a{white-space:nowrap}.panel-card{padding:1rem}}