:root{--red:#e6003c;--red-2:#ff315f;--ink:#26303a;--muted:#7d8792;--line:#1c222a1a;--panel:#ffffffc7;--soft:#f4eaec;--green:#10b95d;--blue:#2476ff;--orange:#f59e0b;--purple:#8b45ff;--shadow:0 18px 44px #1c222a1f, 0 2px 10px #1c222a14;--radius:8px}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fffc}.primary-btn{color:#fff;white-space:nowrap;background:linear-gradient(90deg, #ff4b5e, var(--red));cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #e6003c47}.outline-btn{height:32px;color:var(--red);white-space:nowrap;background:#fff;border:1px solid #ffd5dd;border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.button-link{justify-content:center;align-items:center;display:inline-flex}.badge{text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;height:20px;padding:0 10px;font-size:10px;font-weight:900;display:inline-flex}.badge.yellow{color:#9a6500;background:#ffe4a3}.badge.green{color:#008846;background:#bff4d7}.badge.blue{color:#1c6ff2;background:#dcecff}.badge.purple{color:#8a35e8;background:#f0dcff}.badge.red{color:#e6003c;background:#ffe0e8}.badge.orange{color:#e36f00;background:#fff0de}.metric-icon{color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.metric-icon.blue{background:#005bcc}.metric-icon.green{background:#009432}.metric-icon.red{background:#e31b1b}.metric-icon.orange{background:#f49b00}.metric-icon.purple{background:var(--purple)}.metric-icon.money{background:#d97706}.metric-icon.text-icon{letter-spacing:.08em;font-size:10px}.metric-label{text-transform:uppercase;font-size:11px;font-weight:900}.metric-value{color:#101418;font-size:28px;font-weight:900;line-height:1}.metric-delta{color:#6b737b;margin-top:10px;font-size:10px;font-weight:800}.detail-outline{border:1px solid var(--red);height:28px;color:var(--red);white-space:nowrap;cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.detail-outline:hover{background:#ffe0e8}.danger-outline{color:var(--red)!important;border-color:#ffd5dd!important}.danger-outline:hover{background:#ffe0e8!important}.pagination{color:#8d96a0;justify-content:space-between;align-items:center;height:58px;padding:0 18px;font-size:11px;display:flex}.pages{gap:6px;display:flex}.pages button{color:#7b8490;background:#fff;border:1px solid #e0e5ea;border-radius:5px;min-width:28px;height:28px;font-weight:800}.pages .active{color:#fff;border-color:var(--red);background:var(--red)}.inner-content{padding:24px 58px 36px 104px}.inner-hero{justify-content:space-between;align-items:center;gap:20px;min-height:128px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.inner-hero:after{content:"";opacity:.78;pointer-events:none;background:radial-gradient(circle,#ffffffe0 0 28%,#0000 29%),conic-gradient(from 160deg,#e6003c47,#2476ff29,#10b95d24,#e6003c47);border-radius:50%;width:276px;height:276px;position:absolute;top:-110px;right:42px}.inner-kicker,.create-chip{color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:inline-block}.inner-hero h1,.inner-hero h2,.create-hero h1,.create-hero h2{color:var(--ink);margin:0;font-size:28px;font-weight:700;line-height:1.04}.inner-hero p,.create-hero p{max-width:520px;color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.45}.create-hero-copy{z-index:1;max-width:540px;position:relative}.inner-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:relative}.inner-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0;display:grid}.inner-stat{align-items:center;gap:14px;min-height:82px;padding:16px 18px;display:flex}.inner-stat strong{color:#101418;font-size:28px;font-weight:900;line-height:1;display:block}.inner-stat span:last-child{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.inner-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:14px;padding:12px 14px;display:flex}.inner-tabs{gap:8px;display:flex}.inner-tabs button{color:#5f6974;cursor:pointer;background:#ffffffd1;border:1px solid #0000;border-radius:7px;height:34px;padding:0 16px;font-size:12px;font-weight:900}.inner-tabs button.active{color:#fff;background:var(--red);box-shadow:0 8px 18px #e6003c33}.inner-filters{align-items:center;gap:8px;display:flex}.inner-filters select{color:#6a717a;cursor:pointer;background:#efefefb8;border:1px solid #ffffffe6;border-radius:7px;outline:none;min-width:120px;height:34px;padding:0 10px;font-size:12px;font-weight:800;transition:all .15s}.inner-filters select:focus,.inner-filters select:hover{color:#26303a;background:#fff;border-color:#e6003c66}.inner-filters select option{color:#26303a;background:#fff;padding:8px 12px;font-weight:700}.refresh{height:34px;color:var(--red);cursor:pointer;background:#fff;border:1px solid #ffd5dd;border-radius:7px;justify-content:center;align-items:center;margin-left:auto;padding:0 16px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 8px 16px #e6003c1f}.refresh:hover{background:#ffe0e8}.inner-table-panel{overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.table-toolbar h2{color:#101418;margin:0;font-size:16px;font-weight:800}.table-toolbar p{color:#a1a9b2;margin:2px 0 0;font-size:11px;font-weight:700}.table-actions{align-items:center;gap:8px;display:flex}.table-actions input{background:#fff;border:1px solid #dde3e9;border-radius:6px;outline:none;width:220px;height:32px;padding:0 12px;font-size:12px}.table-actions input:focus{border-color:#e6003c}.inner-table-scroll{width:100%;overflow-x:auto}.inner-table-scroll table{border-collapse:collapse;width:100%;min-width:980px}.inner-table-scroll thead{background:var(--red);color:#fff}.inner-table-scroll th{background:var(--red);color:#fff;text-align:left;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;height:40px;padding:12px 14px;font-size:11px;font-weight:900}.inner-table-scroll td{text-align:left;vertical-align:middle;color:#5f6974;white-space:nowrap;padding:13px 14px;font-size:11px;font-weight:700}.inner-table-scroll tbody tr{border-bottom:1px solid #eef0f2}.inner-table-scroll td b,.inner-table-scroll td strong{color:var(--red);font-weight:800}.inner-table-scroll .detail-outline{height:28px;margin:2px;padding:0 10px;font-size:11px}.inner-footer{margin-bottom:24px}.create-hero{background:var(--panel);border-radius:var(--radius);min-height:128px;box-shadow:var(--shadow);border:1px solid #fffc;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.create-hero:after{content:"";opacity:.78;pointer-events:none;background:radial-gradient(circle,#ffffffe0 0 28%,#0000 29%),conic-gradient(from 160deg,#e6003c47,#2476ff29,#10b95d24,#e6003c47);border-radius:50%;width:276px;height:276px;position:absolute;top:-110px;right:42px}.create-hero-tags{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:auto;max-width:460px;display:flex;position:relative}.create-hero-tag{background:#ffffffe0;flex-direction:column;justify-content:center;min-width:132px;min-height:0;padding:12px 14px;display:flex}.create-hero-tag span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.create-hero-tag strong{margin-top:4px;font-size:15px;line-height:1.15}.create-section-head h3,.create-actions-copy strong{color:#26303a;margin:0;font-size:20px;font-weight:700;line-height:1.1}.create-section-head p,.create-actions-copy p{color:var(--muted);margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.5}.create-form-shell{gap:14px;display:grid}.create-form-panel,.create-actions-panel{padding:22px 24px}.create-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.create-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.create-form-grid-single{grid-template-columns:minmax(0,1fr)}.create-field{gap:8px;display:grid}.create-field-full{grid-column:1/-1}.create-field span{color:#44505d;font-size:12px;font-weight:900}.create-field input,.create-field select,.create-field textarea{width:100%;color:var(--ink);font:inherit;background:#ffffffe6;border:1px solid #26303a1f;border-radius:10px;padding:0 14px;box-shadow:inset 0 1px #fffffff2}.create-field input,.create-field select{height:42px}.create-field textarea{resize:vertical;min-height:128px;padding:12px 14px}.create-field input:disabled,.create-field select:disabled,.create-field textarea:disabled{color:#7f8892;background:#f1eff0e6}.create-table-panel{overflow:hidden}.create-table-panel .table-toolbar{padding-bottom:16px}.table-input,.create-table-wrap table input[type=text],.create-table-wrap table input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;min-width:0;height:38px;color:var(--ink);font:inherit;box-sizing:border-box;background:#fffffff5;border:1px solid #26303a1f;border-radius:8px;padding:0 10px;font-size:12px}.table-input:focus,.create-table-wrap table input:focus{border-color:#e6003c;outline:none;box-shadow:0 0 0 2px #e6003c1f}.table-input:disabled,.create-table-wrap table input:disabled{color:#555f6d;cursor:default;background:#f5f6f8e6;width:100%}.table-input-area{resize:vertical;min-height:92px;padding:10px 12px}.table-input-file{min-width:220px;height:auto;padding:8px 10px}.file-dropzone{text-align:center;cursor:pointer;background:linear-gradient(#f8fafff5,#fffffffa);border:2px dashed #2476ff85;border-radius:16px;align-content:center;justify-items:center;gap:10px;width:100%;min-height:174px;padding:18px 20px;display:grid}.file-dropzone.is-disabled{cursor:default}.file-dropzone.is-selected{background:linear-gradient(#f5fff9fa,#fffffffa);border-color:#e6003c80;gap:8px}.file-dropzone__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-dropzone__icon{color:#7b6399c7;place-items:center;width:54px;height:54px;display:grid}.file-dropzone__icon svg{width:100%;height:100%}.file-dropzone__copy{gap:8px;display:grid}.file-dropzone__copy strong{color:#283443;font-size:15px;font-weight:800;line-height:1.4}.file-dropzone__copy strong span{color:var(--blue);text-decoration:underline}.file-dropzone__copy small{color:#6c7580;font-size:11px;font-weight:700;line-height:1.5}.file-dropzone__selected{color:var(--green);word-break:break-word;font-size:14px;font-weight:800;line-height:1.5}.table-checkbox{place-items:center;display:grid}.table-checkbox input{width:16px;height:16px;accent-color:var(--red)}.table-inline-actions{flex-wrap:wrap;gap:6px;display:flex}.table-inline-actions .detail-outline{height:28px;padding:0 10px;font-size:11px}.activity-log-card-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.activity-log-card-indicator{color:var(--red);align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.activity-log-card-indicator svg{width:16px;height:16px;transition:transform .2s}.activity-log-card-toggle[aria-expanded=true] .activity-log-card-indicator svg{transform:rotate(180deg)}.activity-log-card-content[hidden]{display:none}.activity-log-card-content{margin-top:0}.modal-open{overflow:hidden}.prototype-modal[hidden]{display:none}.prototype-modal{z-index:99999;overscroll-behavior:contain;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.prototype-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121c266b;position:absolute;inset:0}.prototype-modal__dialog{background:#fff;border:1px solid #26303a14;border-radius:18px;gap:14px;width:min(1040px,100vw - 48px);max-height:calc(100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #161f2a33}.prototype-modal__header,.prototype-modal__toolbar,.prototype-modal__footer{padding-left:22px;padding-right:22px}.prototype-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:22px;display:flex}.prototype-modal__header h2{margin:0;font-size:22px;line-height:1.1}.prototype-modal__header p{color:var(--muted);margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.6}.prototype-modal__close{color:#6c7580;cursor:pointer;background:#fff;border:1px solid #26303a1a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.prototype-modal__close svg{width:16px;height:16px}.prototype-modal__toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.prototype-modal__toolbar .table-actions{flex-wrap:wrap}.prototype-modal__toolbar .table-actions:first-child{flex:auto}.prototype-modal__toolbar .table-actions input{width:min(100%,280px)}.prototype-modal__table{padding:0 22px}.prototype-modal__table table{min-width:720px}.prototype-modal__footer{justify-content:flex-end;gap:10px;padding-top:4px;padding-bottom:22px;display:flex}.danger-outline{color:var(--red);background:#fff5f8;border-color:#ffd2dc}.create-actions-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.create-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:900px){body{min-width:0}.app-topbar{grid-template-columns:1fr;gap:14px;height:auto;padding:18px}.content{padding:18px}.side-rail{top:124px;left:auto;right:12px}.hero-bg,.hero-cta{display:none}.activity,.summary-grid,.metric-grid,.analytics-grid,.progress-grid,.system-grid,.summary-hero-stats,.metric-dual{grid-template-columns:1fr}.mini-bar-row,.leaderboard-row{grid-template-columns:1fr;gap:8px}.metric-side-stack{justify-items:start}.footer,.footer-wrap{width:100%}.inner-content{padding:16px 18px 28px}.inner-hero{flex-direction:column;align-items:flex-start;gap:14px;min-height:0;padding:18px}.inner-hero:after{opacity:.58;width:220px;height:220px;top:-98px;right:-44px}.inner-hero h1{font-size:24px}.inner-hero p{max-width:none}.inner-actions{width:min(100%,220px)}.inner-stats{grid-template-columns:1fr;gap:8px;margin:10px 0}.inner-stat{min-height:0;padding:14px 16px}.inner-stat strong{font-size:24px}.create-hero-tags,.create-form-grid,.create-actions-panel{width:100%}.create-hero-tags,.create-form-grid{grid-template-columns:1fr}.create-actions-panel{flex-direction:column;align-items:flex-start}.create-actions{flex-direction:column;align-items:flex-start;width:100%}.activity-log-card-toggle{flex-direction:column;align-items:flex-start}.prototype-modal{padding:14px}.prototype-modal__dialog{width:min(100vw - 28px,1040px);max-height:calc(100vh - 28px)}.prototype-modal__header,.prototype-modal__toolbar,.prototype-modal__footer,.prototype-modal__table{padding-left:16px;padding-right:16px}.prototype-modal__toolbar{flex-direction:column;align-items:flex-start}.prototype-modal__footer{flex-flow:wrap;justify-content:flex-end}}.prototype-click-hint-layer{pointer-events:none;z-index:9999;position:absolute;inset:0}.prototype-click-hint-layer:not(.is-visible){display:none}.prototype-click-hint{background:#3471ec1f;border:2px solid #3471ecf2;animation:1s ease-in-out infinite alternate prototype-click-hint-pulse;position:absolute;box-shadow:0 0 0 6px #3471ec1f}.prototype-click-hint__badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#3471ec;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:-12px;right:-8px;box-shadow:0 10px 24px #3471ec47}@keyframes prototype-click-hint-pulse{0%{transform:scale(1);box-shadow:0 0 0 4px #3471ec24}to{transform:scale(1.01);box-shadow:0 0 0 10px #3471ec38}}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}.form-input{color:var(--ink);background:#fff;border:1px solid #1c222a26;border-radius:7px;outline:none;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e6003c1a}.form-input:disabled{opacity:.6;cursor:default}.form-input option{font-weight:600}select.form-input{cursor:pointer;appearance:auto}.modal-overlay{animation:.2s modal-fadein}@keyframes modal-fadein{0%{opacity:0}to{opacity:1}}.modal-overlay .panel{animation:.2s modal-slidein}@keyframes modal-slidein{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
