:root{--kon-midnight: #12032A;--kon-pink: #FF3EB5;--kon-aqua: #20FDE2;--kon-white: #FFFFFF;--kon-abyss: #170437;--kon-hpink: #DE0089;--kon-cgreen: #02C6AE;--kon-storm: #666666;--kon-charcoal: #474747;--kon-porcelain: #F0EFF1;--kon-monsoon: #858585;--kon-martini: #A8A2AE;--grad-midnight-aqua: linear-gradient(135deg, #12032A 0%, #20FDE2 100%);--grad-midnight-pink: linear-gradient(135deg, #12032A 0%, #FF3EB5 100%);--grad-pink-aqua: linear-gradient(135deg, #920FFE 0%, #20FDE2 100%);--colour-bg: #0e0121;--colour-surface: var(--kon-abyss);--colour-surface-hover:#1e0848;--colour-border: rgba(255,255,255,.08);--colour-border-hover: rgba(255,62,181,.4);--colour-primary: var(--kon-pink);--colour-primary-glow: rgba(255,62,181,.22);--colour-secondary: var(--kon-aqua);--colour-accent: #920FFE;--colour-text: var(--kon-white);--colour-text-muted: var(--kon-martini);--colour-text-faint: rgba(168,162,174,.5);--font-hero: "Horizon", "Poppins", system-ui, sans-serif;--font-display: "Poppins", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--header-height: 64px;--page-max-width: 1280px;--page-padding: clamp(16px, 4vw, 48px);--radius-card: 8px;--radius-btn: 6px;--radius-badge: 4px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(18,3,42,.6), 0 0 0 1px var(--colour-border);--shadow-glow: 0 0 24px var(--colour-primary-glow);--transition-fast: .15s ease;--transition-med: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:13px;background:var(--colour-bg);color:var(--colour-text);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--header-height)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#0e0121e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--colour-border);z-index:100}.header-inner{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-padding);height:100%;display:flex;align-items:center;gap:24px}.brand-link{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-logo{height:28px;width:auto}.brand-wordmark{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:6px;color:var(--kon-white)}.brand-bold{font-weight:700}.brand-light{font-weight:400;opacity:.9}.brand-divider{width:1px;height:16px;background:var(--colour-border);flex-shrink:0}.brand-sub{font-size:.7rem;font-weight:500;color:var(--colour-text-muted);text-transform:none;letter-spacing:.02em}.header-breadcrumb{flex:1}.breadcrumb-link{color:var(--colour-text-muted);font-size:.8125rem;font-weight:500;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--kon-pink)}.header-user{margin-left:auto}.user-pill{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--colour-border);border-radius:999px;padding:5px 12px 5px 6px;font-size:.75rem;font-weight:500;color:var(--colour-text-muted);transition:border-color var(--transition-fast)}.user-pill:hover{border-color:var(--colour-border-hover)}.user-avatar{width:24px;height:24px;background:var(--grad-midnight-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.user-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill--loading{opacity:.35}.dashboard-page{max-width:var(--page-max-width);margin:0 auto;padding:48px var(--page-padding) 80px}.page-hero{margin-bottom:36px}.page-title{font-family:var(--font-hero);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--kon-white);line-height:1.15}.title-pink{color:var(--kon-pink)}.title-aqua{color:var(--kon-aqua)}.page-subtitle{margin-top:8px;font-size:.875rem;font-weight:400;color:var(--colour-text-muted)}.grid-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.grid-search{flex:1;min-width:200px;max-width:320px;height:38px;padding:0 14px;background:#ffffff0d;border:1px solid var(--colour-border);border-radius:var(--radius-btn);color:var(--colour-text);font-family:var(--font-body);font-size:.8125rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.grid-search::placeholder{color:var(--colour-text-faint)}.grid-search:focus{border-color:var(--kon-pink);box-shadow:0 0 0 3px var(--colour-primary-glow)}.category-filters{display:flex;flex-wrap:wrap;gap:6px}.category-pill{height:32px;padding:0 14px;background:#ffffff0a;border:1px solid var(--colour-border);border-radius:var(--radius-badge);color:var(--colour-text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.category-pill:hover{border-color:var(--kon-pink);color:var(--kon-white)}.category-pill.active{background:var(--kon-pink);border-color:var(--kon-pink);color:#fff}.grid-count{font-size:.75rem;color:var(--colour-text-faint);margin-bottom:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dashboard-card{--card-accent: var(--kon-pink);display:flex;flex-direction:column;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card);overflow:hidden;transition:transform var(--transition-med),border-color var(--transition-med),box-shadow var(--transition-med);box-shadow:var(--shadow-card)}.dashboard-card:hover{transform:translateY(-3px);border-color:var(--card-accent);box-shadow:var(--shadow-card),0 8px 32px #0006,0 0 24px #ff3eb51f}.card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--kon-midnight);overflow:hidden}.card-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-med)}.dashboard-card:hover .card-thumb-img{transform:scale(1.04)}.card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kon-midnight) 0%,#1e0848 100%)}.thumb-icon{font-size:2.25rem;opacity:.3}.card-badge{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:var(--radius-badge);font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card-badge--new{background:var(--kon-pink);color:#fff}.card-badge--updated{background:#20fde226;color:var(--kon-aqua)}.card-badge--live{background:var(--kon-cgreen);color:var(--kon-midnight);font-weight:700}.card-body{padding:14px 16px 10px;flex:1}.card-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--card-accent);margin-bottom:6px}.card-title{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--kon-white);line-height:1.3;margin-bottom:7px}.card-description{font-size:.8125rem;font-weight:400;color:var(--colour-text-muted);line-height:1.6;margin-bottom:10px}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-tag{padding:2px 7px;background:#ffffff0a;border:1px solid var(--colour-border);border-radius:var(--radius-badge);font-size:.65rem;color:var(--colour-text-faint)}.card-footer{padding:9px 16px 12px;border-top:1px solid var(--colour-border);display:flex;justify-content:space-between;align-items:center}.card-updated{font-size:.7rem;color:var(--colour-text-faint);font-family:var(--font-mono)}.card-cta{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--card-accent)}.report-view{display:flex;flex-direction:column;height:calc(100vh - var(--header-height))}.report-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px var(--page-padding);background:var(--colour-surface);border-bottom:1px solid var(--colour-border);flex-shrink:0}.report-meta-info{display:flex;flex-direction:column;gap:2px}.report-meta-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kon-pink)}.report-meta-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--kon-white)}.report-meta-actions{display:flex;align-items:center;gap:12px}.report-updated{font-size:.7rem;color:var(--colour-text-faint);font-family:var(--font-mono)}.report-iframe{flex:1;width:100%;border:none;background:var(--kon-porcelain)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--kon-pink);color:#fff;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;padding:8px 16px;background:transparent;border:1px solid var(--colour-border);color:var(--colour-text-muted);border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-secondary:hover{border-color:var(--kon-pink);color:var(--kon-white)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:var(--colour-text-muted);font-size:.875rem}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--kon-pink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;text-align:center;padding:var(--page-padding)}.error-page h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase}.error-page p{color:var(--colour-text-muted);max-width:360px;font-size:.875rem}@media (max-width: 640px){.user-email,.brand-sub{display:none}.report-meta-actions{flex-wrap:wrap}.card-grid{grid-template-columns:1fr}}