:root{color-scheme:light;--bg: #0f1115;--bg-accent: #1a1f2a;--panel: #131822;--panel-strong: #1f2633;--text: #f4f6fb;--muted: #b6bdc9;--accent: #f28c28;--accent-2: #36b7a7;--warn: #e45757;--outline: rgba(255, 255, 255, .08);--shadow: 0 20px 40px rgba(0, 0, 0, .35);--radius: 18px;--bg-focus-y: 70%}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(1200px 600px at 10% -10%,rgba(242,140,40,.18),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(54,183,167,.18),transparent 55%),url(/assets/war-room-scrubs-CZ2aFiIO.png);background-repeat:no-repeat;background-position:top center,top center,center var(--bg-focus-y);background-size:auto,auto,cover;background-attachment:scroll;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app{display:grid;gap:24px;padding:32px 32px 56px;max-width:1200px;margin:0 auto}.hero{display:grid;gap:16px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid var(--outline);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,320px);gap:18px;align-items:stretch}.hero-main{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:16px}.hero-side{display:flex;flex-direction:column;gap:12px}.tag-stack{display:grid;gap:12px;margin-top:auto}.hero-availability{min-height:220px;height:100%}.hero-availability .availability-list{max-height:none;overflow:visible}.hero:after{content:"";position:absolute;right:-120px;top:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(242,140,40,.35),transparent 70%);filter:blur(2px);opacity:.6}.hero h1{font-family:Fraunces,serif;font-size:clamp(2rem,2.8vw,3rem);margin:0}.hero p{margin:0;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{border:none;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease}.button.primary{background:var(--accent);color:#1c140f;box-shadow:0 10px 24px #f28c2859}.button.secondary{background:var(--panel-strong);color:var(--text);border:1px solid var(--outline)}.button:hover{transform:translateY(-2px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--outline);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card.compact{padding:14px 16px}.card.compact h3{font-size:1rem;margin-bottom:8px}.tag-form{display:grid;gap:10px}.button.small{padding:8px 14px;font-size:.9rem}.select[multiple]{min-height:140px;padding:8px}.select[multiple] option{background:var(--panel-strong);color:var(--text);padding:6px 8px}.select[multiple] option:checked{background:var(--accent);color:#1c140f}.availability-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.availability-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:10px;border:1px solid var(--outline);background:#ffffff05;font-size:.85rem}.card h3{margin:0 0 12px;font-size:1.1rem}.card small{color:var(--muted)}.filters{display:grid;gap:14px}.filters .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.input,.select{background:var(--panel-strong);border:1px solid var(--outline);border-radius:12px;padding:10px 12px;color:var(--text)}.call-list{display:grid;gap:12px}.call-item{border:1px solid var(--outline);border-radius:14px;padding:12px 14px;background:#ffffff05}.call-item strong{display:block;font-size:1rem}.call-meta{margin-top:6px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}.tag{padding:2px 8px;border-radius:999px;font-size:.75rem;border:1px solid var(--outline);background:#36b7a726}.tag.warn{background:#e4575733}.usage-list{margin-top:12px;display:grid;gap:8px}.usage-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.usage-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.usage-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.usage-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:10px;border:1px solid var(--outline);background:#ffffff05;font-size:.85rem}.usage-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.usage-count{font-weight:700;color:var(--accent)}.usage-count.count-high{color:#4cd964}.usage-count.count-mid{color:#f2a64a}.usage-count.count-low,.usage-name.all-used{color:#e45757}.multi-list{display:grid;gap:6px;max-height:190px;overflow:auto;border-radius:12px;border:1px solid var(--outline);background:var(--panel-strong);padding:8px}.multi-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid transparent;background:#ffffff08;font-size:.85rem}.multi-item input{accent-color:var(--accent)}.multi-item:hover{border-color:var(--outline)}.multi-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-count{font-weight:700;color:var(--accent)}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}.stagger>*{animation:fadeInUp .6s ease forwards;opacity:0}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.app{padding:24px 16px 40px}.hero-grid,.usage-columns{grid-template-columns:1fr}}
