:root{--brand:#0d9488;--brand-dark:#0f766e;--brand-soft:#ccfbf1;--ink:#0f172a;--muted:#64748b;--bg:#e8eef4;--surface:#fff;--surface-2:#f8fafc;--border:#b8c4d1;--border-soft:#d5dde7;--danger:#b91c1c;--warning:#c2410c;--shadow:0 1px 2px #0f172a0d, 0 10px 28px #0f172a12;--font-body:"DM Sans", system-ui, sans-serif;--radius:12px;--page-x:clamp(1.15rem, 3.2vw, 2.25rem);--page-y:clamp(.55rem, 1.4vw, .85rem);--corner-clearance:3.35rem}*{box-sizing:border-box}img,video,iframe,canvas{max-width:100%}html,body{max-width:100%;min-height:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg);margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:100%;min-height:100vh;overflow-x:hidden}.btn{background:var(--brand);color:#fff;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1.05rem;font-weight:600;line-height:1.2;display:inline-flex}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.ghost.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.warning{background:var(--warning)}.btn:disabled{opacity:.55;cursor:not-allowed}.page{width:min(1180px,100%);max-width:100%;padding:calc(var(--page-y) + var(--corner-clearance)) var(--page-x) 3rem;margin:0 auto;overflow-x:hidden}.page.page-board{box-sizing:border-box;flex-direction:column;width:min(100%,100vw);max-width:100%;height:100dvh;max-height:100dvh;padding-bottom:.85rem;padding-left:clamp(.75rem,2vw,1.5rem);padding-right:clamp(.75rem,2vw,1.5rem);display:flex;overflow:hidden}.page.page-status{background:var(--status-bg,transparent);min-height:100dvh}html:has(.page.page-status){background-color:var(--status-bg,var(--bg))}body:has(.page.page-status){background-color:var(--status-bg,var(--bg))}.app-shell:has(.page.page-status){background-color:var(--status-bg,var(--bg))}.page-board .page-head{flex:none;margin-bottom:.75rem}.page-board .tabs,.page-board .menejer-bar,.page-board>.error,.page-board>.muted{flex:none}.page-board .board-fill{flex-direction:column;flex:auto;min-height:0;display:flex}body.ai-canvas-mode .board-fill.ai-canvas-host>*{visibility:hidden;pointer-events:none}.page-toolbar{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.page-toolbar>.btn.ghost:first-child,.page-toolbar>a.btn.ghost:first-child{flex:none}.page-toolbar .toolbar-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.65rem;min-width:0;margin-left:auto;display:flex}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{flex:auto;min-width:12rem;margin:0;font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:700;line-height:1.25}.page-head .actions,.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.page-actions{margin-bottom:1.15rem}.page-actions.panel{padding:.85rem 1rem}@media (width<=720px){.page-toolbar{gap:.45rem}.page-toolbar .toolbar-actions{gap:.4rem}.page-toolbar .btn,.page-toolbar .toolbar-actions .btn{white-space:nowrap;padding:.45rem .7rem;font-size:.88rem}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.25rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.15rem;min-width:0;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}label{margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}input,textarea,select{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;max-width:100%;margin-bottom:.95rem;padding:.7rem .85rem}input[type=checkbox],input[type=radio]{border:initial;border-radius:initial;background:initial;appearance:auto;width:auto;max-width:none;margin:0;padding:0}input:focus,textarea:focus,select:focus{outline-offset:1px;border-color:var(--brand);outline:2px solid #0d948859}input[type=checkbox]:focus,input[type=radio]:focus{outline:revert;outline-offset:revert;border-color:revert}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;min-height:2.75rem;padding-right:2.4rem;line-height:1.35}select[multiple]{appearance:auto;-webkit-appearance:listbox;background-image:none;min-height:8rem;padding-right:.85rem}@media (width<=1024px){select{min-height:3rem;padding-top:.8rem;padding-bottom:.8rem;font-size:16px}}textarea{resize:vertical;min-height:110px}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tabs a{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem .95rem;font-size:.9rem;font-weight:600;box-shadow:0 1px 2px #0f172a0a}.tabs a.active{background:var(--brand);color:#fff;border-color:#0000}.yt-player{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#0f172a;width:100%;overflow:hidden}.yt-player video{object-fit:contain;background:#000;width:100%;height:100%}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.corner{top:1rem;right:max(1rem, env(safe-area-inset-right));z-index:90;align-items:center;gap:.55rem;display:flex;position:fixed}.icon-btn{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--ink);box-shadow:var(--shadow);border-radius:12px;place-items:center;padding:0;display:grid}.user-menu-wrap{position:relative}.user-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow);z-index:92;padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0}.user-popup-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.7rem .75rem;font-weight:600;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:.7rem .55rem;font-size:.92rem}.data-table thead{background:var(--surface-2)}.data-table thead th{border-bottom:1px solid var(--border)}.card-list{gap:.75rem;display:none}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stat-card strong{margin-bottom:.4rem;display:block}.stat-card .meta{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}@media (width<=1024px){.corner{top:max(.85rem, calc(env(safe-area-inset-top,0px) + .5rem));right:max(.75rem, env(safe-area-inset-right))}.page,.page.page-board{padding-top:calc(env(safe-area-inset-top,0px) + 5.5rem)}.data-table{display:none}.card-list{display:grid}.page-head .actions,.page-actions{width:100%}.page-head .actions .btn,.page-actions .btn{flex:auto}.page-board .page-head .actions>a.btn{flex:100%;width:100%}}.overlay.svelte-1qpkoic{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47;place-items:center;display:grid;position:fixed;inset:0}.box.svelte-1qpkoic{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.75rem;min-width:9rem;padding:1.25rem 1.5rem;display:flex}.box.svelte-1qpkoic p:where(.svelte-1qpkoic){color:var(--ink);margin:0;font-size:.9rem;font-weight:600}.hint.svelte-1qpkoic{color:var(--muted)!important;font-size:.78rem!important;font-weight:500!important}.spinner.svelte-1qpkoic{border:3px solid var(--border-soft);border-top-color:var(--brand);border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite svelte-1qpkoic-spin}@keyframes svelte-1qpkoic-spin{to{transform:rotate(360deg)}}.confirm-overlay.svelte-mrlnh3{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;position:fixed;inset:0}.confirm-modal.svelte-mrlnh3{z-index:210;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100vw - 2rem);box-shadow:var(--shadow);gap:.85rem;padding:1rem 1.1rem 1.05rem;animation:.18s ease-out svelte-mrlnh3-confirm-in;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-mrlnh3-confirm-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.confirm-head.svelte-mrlnh3{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.confirm-head.svelte-mrlnh3 h2:where(.svelte-mrlnh3){margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.icon-close.svelte-mrlnh3{color:var(--muted);background:0 0;border:none;padding:0 .15rem;font-size:1.45rem;line-height:1}.confirm-msg.svelte-mrlnh3{color:var(--ink);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.45}.confirm-actions.svelte-mrlnh3{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}