@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #ffffff;--surface: #f5f7fa;--surface-2: #e9edf2;--border: #dde3ea;--ink: #4c5156;--ink-strong: #2e3338;--muted: #6e757c;--primary: #214d78;--primary-strong: #1a3e62;--primary-mid: #3578b8;--sky: #5e99d2;--primary-tint: #e8f0f8;--pale: #c2d9f0;--grad: linear-gradient(135deg, #3578b8, #214d78);--grad-strong: linear-gradient(135deg, #2d68a3, #1a3e62);--ok: #1e8a5a;--ok-tint: #e4f4ec;--bad: #c5403c;--bad-tint: #fbeceb;--warn: #b97d22;--warn-tint: #fdf3e3;--radius-ctl: 10px;--radius-card: 14px;--shadow-card: 0 1px 3px rgb(46 51 56 / .08);--shadow-pop: 0 8px 24px rgb(46 51 56 / .16);--z-sticky: 10;--z-backdrop: 40;--z-modal: 50;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--ink)}h1,h2,h3{text-wrap:balance;margin:0;color:var(--ink-strong)}h1{font-size:1.45rem;font-weight:700;letter-spacing:-.015em}h2{font-size:1.2rem;font-weight:650;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}p{margin:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:disabled{opacity:.55;cursor:default}a{color:var(--primary-mid)}.num{font-variant-numeric:tabular-nums}.shell{min-height:100dvh;display:flex;flex-direction:column}.sidebar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;padding-top:calc(9px + env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky)}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:18px 16px calc(86px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-sticky)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;min-height:44px;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:500}.tabbar a.active{color:var(--primary)}.tabbar a svg{width:22px;height:22px}@media(min-width:1024px){.shell{flex-direction:row}.topbar,.tabbar{display:none}.sidebar{display:flex;flex-direction:column;width:236px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100dvh;padding:22px 12px 16px}.sidebar .logo-block{padding:2px 8px 24px}.sidebar nav{display:grid;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-ctl);color:var(--ink);text-decoration:none;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.sidebar nav a svg{width:20px;height:20px;color:var(--muted);transition:color .15s var(--ease)}.sidebar nav a:hover{background:var(--surface-2);color:var(--ink-strong)}.sidebar nav a:hover svg{color:var(--ink)}.sidebar nav a.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.sidebar nav a.active svg{color:var(--primary-mid)}.sidebar .spacer{flex:1}.sidebar .session{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 0;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}.sidebar .session button{color:var(--muted);display:flex;padding:6px;border-radius:8px}.sidebar .session button:hover{color:var(--ink-strong);background:var(--surface-2)}.content{padding:28px 32px 48px}}.logo-h{display:block;height:34px;width:auto}.logo-h.fluid{width:100%;max-width:200px;height:auto}.logo-full{display:block;width:min(310px,76vw);height:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head .sub{color:var(--muted);font-size:.88rem;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 18px;border-radius:var(--radius-ctl);font-weight:600;font-size:.92rem;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);background-image:var(--grad);color:#fff}.btn-primary:hover:not(:disabled){background-image:var(--grad-strong)}.btn-secondary{border:1.5px solid var(--border);background:var(--bg);color:var(--ink-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-mid);color:var(--primary)}.btn-ghost{color:var(--primary-mid);padding:0 10px}.btn-ghost:hover:not(:disabled){background:var(--primary-tint);color:var(--primary)}.btn-danger{color:var(--bad);padding:0 10px}.btn-danger:hover:not(:disabled){background:var(--bad-tint)}.btn-sm{min-height:36px;padding:0 12px;font-size:.85rem}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-ctl);color:var(--muted);transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--ink-strong)}.icon-btn svg{width:19px;height:19px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:.85rem;font-weight:550;margin-bottom:6px;color:var(--ink-strong)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],input[type=search],select{width:100%;min-height:44px;padding:9px 13px;border-radius:var(--radius-ctl);border:1.5px solid var(--border);background:var(--bg);color:var(--ink-strong);font:inherit}input::placeholder{color:#8d949b}input:focus-visible,select:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--primary-mid);outline-offset:1.5px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat}.error-text{color:var(--bad);background:var(--bad-tint);border-radius:var(--radius-ctl);padding:10px 13px;font-size:.88rem;margin:10px 0}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.row-card{display:flex;align-items:center;gap:13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:13px 15px;transition:border-color .15s var(--ease)}a.row-card{text-decoration:none;color:inherit}.row-card:hover{border-color:var(--primary-mid)}.row-main{flex:1;min-width:0}.row-main .title{font-weight:600;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main .meta{color:var(--muted);font-size:.83rem;margin-top:1px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.ok{background:var(--ok-tint);color:var(--ok)}.badge.bad{background:var(--bad-tint);color:var(--bad)}.badge.plain:before{display:none}.badge.plain{background:var(--surface-2);color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);font-size:.85rem;font-weight:550;color:var(--ink);transition:all .15s var(--ease)}.chip.active{background:var(--primary-tint);border-color:var(--primary-mid);color:var(--primary)}.chip-day{min-width:40px;padding:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}@media(min-width:700px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{display:block;background:var(--surface);border-radius:var(--radius-card);padding:14px 16px;text-decoration:none;color:inherit;border:1.5px solid transparent;transition:border-color .15s var(--ease),background .15s var(--ease)}a.stat:hover{border-color:var(--primary-mid);background:var(--primary-tint)}.stat .value{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink-strong)}.stat .label{color:var(--muted);font-size:.82rem;font-weight:500}.stat.ok .value{color:var(--ok)}.stat.bad .value{color:var(--bad)}.section{margin-bottom:26px}.section>h2{margin-bottom:11px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.quick{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:14px;text-decoration:none;color:var(--ink-strong);font-weight:600;font-size:.9rem;transition:border-color .15s var(--ease),background .15s var(--ease)}.quick:hover{border-color:var(--primary-mid);background:var(--primary-tint)}.quick svg{width:22px;height:22px;color:var(--primary-mid)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.media-tile{position:relative;border-radius:12px;overflow:hidden;background:var(--surface-2);aspect-ratio:16 / 10;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s var(--ease);display:block;width:100%}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-tile.selected{border-color:var(--primary-mid)}.media-tile .kind{position:absolute;top:6px;left:6px;background:#2e3338b8;color:#fff;border-radius:7px;padding:3px 5px;display:flex}.media-tile .kind svg{width:13px;height:13px}.media-tile .check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--primary-mid);color:#fff;display:flex;align-items:center;justify-content:center}.media-tile .check svg{width:13px;height:13px}.media-tile .fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.media-tile .fallback svg{width:26px;height:26px}.media-name{font-size:.74rem;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone{border:2px dashed var(--pale);border-radius:var(--radius-card);padding:26px 16px;text-align:center;color:var(--muted);margin-bottom:16px;transition:border-color .15s var(--ease),background .15s var(--ease)}.dropzone.over{border-color:var(--primary-mid);background:var(--primary-tint);color:var(--primary)}.dropzone .btn{margin-top:10px}.upload-progress{display:grid;gap:8px;margin-bottom:16px}.upload-progress .item{font-size:.85rem}.upload-progress .bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:4px}.upload-progress .bar>div{height:100%;background:var(--grad);transition:width .2s linear}.editor-layout{display:grid;gap:22px}@media(min-width:1024px){.editor-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.editor-side{position:sticky;top:28px}}.pl-item{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:9px 11px}.pl-item.dragging{opacity:.45}.pl-item.drag-over{border-color:var(--primary-mid);box-shadow:0 0 0 1px var(--primary-mid)}.pl-item .thumb{width:72px;height:45px;border-radius:8px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.pl-item .thumb-fallback{width:72px;height:45px;border-radius:8px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-item .grip{cursor:grab;color:var(--muted);display:none}@media(min-width:1024px){.pl-item .grip{display:flex}}.pl-item .dur{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--muted)}.pl-item .dur input{width:62px;min-height:36px;padding:4px 8px;text-align:right}.reorder-btns{display:flex;flex-direction:column}.reorder-btns button{display:flex;padding:3px;color:var(--muted);border-radius:6px}.reorder-btns button:hover:not(:disabled){color:var(--ink-strong);background:var(--surface-2)}.reorder-btns button svg{width:15px;height:15px}@media(min-width:1024px){.reorder-btns{display:none}}.save-bar{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));display:flex;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);padding:10px;margin-top:14px;z-index:var(--z-sticky)}@media(min-width:1024px){.save-bar{bottom:16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#21293180;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-backdrop);animation:fade-in .18s var(--ease)}.modal{background:var(--bg);border-radius:18px 18px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;z-index:var(--z-modal);animation:sheet-up .22s var(--ease)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(min-width:640px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:var(--radius-card);animation:pop-in .18s var(--ease)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}}@keyframes pop-in{0%{transform:scale(.97);opacity:0}}.preview-stage{background:#000;border-radius:12px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-stage img,.preview-stage video{width:100%;height:100%;object-fit:contain}.preview-bar{height:4px;background:var(--surface-2);border-radius:2px;margin-top:10px;overflow:hidden}.preview-bar>div{height:100%;background:var(--grad)}.preview-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-top:8px}.empty{text-align:center;padding:38px 20px;background:var(--surface);border-radius:var(--radius-card)}.empty svg{width:34px;height:34px;color:var(--primary-mid);margin-bottom:10px}.empty h3{margin-bottom:5px}.empty p{color:var(--muted);font-size:.9rem;max-width:42ch;margin:0 auto 14px}.skeleton{border-radius:var(--radius-card);background:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.login-screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.login-brand{padding:44px 28px 30px;padding-top:calc(44px + env(safe-area-inset-top));background:linear-gradient(170deg,#eef4fa,#fff 78%);display:flex;flex-direction:column;align-items:center;text-align:center}.login-brand .tagline{font-size:1.3rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin-top:20px;max-width:22ch;color:var(--primary)}.login-brand .tagline em{font-style:normal;color:var(--primary-mid)}.login-brand ul{list-style:none;padding:0;margin:20px 0 0;display:none;gap:11px;text-align:left}.login-brand li{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:.95rem}.login-brand li svg{width:17px;height:17px;color:var(--primary-mid);flex-shrink:0}.login-form-wrap{padding:10px 24px calc(34px + env(safe-area-inset-bottom));flex:1}.login-form-wrap form{max-width:380px;margin:0 auto}.login-form-wrap h1{font-size:1.25rem;margin-bottom:18px}@media(min-width:900px){.login-screen{flex-direction:row}.login-brand{flex:1;justify-content:center;padding:64px;background:linear-gradient(160deg,#e8f0f8,#f7fafd 60%,#fff)}.login-brand .tagline{font-size:1.7rem;margin-top:34px}.login-brand ul{display:grid;margin-top:26px}.logo-full{width:min(400px,34vw)}.login-form-wrap{flex:0 0 480px;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding:64px 56px}.login-form-wrap form{width:100%;margin:0}}.muted{color:var(--muted)}.small-text{font-size:.84rem}.mt-8{margin-top:8px}.mb-12{margin-bottom:12px}.flex{display:flex;align-items:center;gap:10px}.flex-wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}