@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#141516;--sidebar:#101112;--surface:#191b1d;--surface2:#1e2022;--border:#2b2e31;--strong:#454a4f;--text:#eceeef;--muted:#94999e;--muted2:#686e73;--blue:#79a7dc;--red:#db796d;--green:#6fa187}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid #b9bdc1;outline-offset:2px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.boot-state,.fatal{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.fatal h1{color:var(--text);font-size:26px}.fatal button{justify-self:center;border:1px solid var(--strong);border-radius:3px;background:var(--surface);padding:10px 14px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr)}.workspace{min-width:0}.sidebar{position:sticky;top:0;z-index:40;height:100vh;display:flex;flex-direction:column;padding:22px 12px 14px;border-right:1px solid var(--border);background:var(--sidebar)}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 31px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto}.brand-mark img{display:block;width:35px;height:35px}.brand>div{display:grid;gap:3px}.brand strong{font-size:15px;font-weight:600}.brand small{color:var(--muted2);font-size:9px}.nav-label{margin:0 10px 10px;color:#595e63;font-size:8px;font-weight:700;letter-spacing:1.2px}.sidebar nav{display:grid}.sidebar nav button{position:relative;width:100%;min-height:46px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-left:2px solid transparent;background:transparent;padding:0 10px;color:#858b90;text-align:left}.sidebar nav button:hover{background:#17191b;color:#d8dbdd}.sidebar nav button.active{border-left-color:#d6d2c8;background:#191b1d;color:#f1f2f3}.nav-icon{display:grid;place-items:center}.sidebar nav button b{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;white-space:nowrap}.nav-count{color:#73797e;font-size:9px}.sidebar-spacer{flex:1;min-height:14px}
.docs-side{width:100%;min-height:62px;display:grid;grid-template-columns:30px minmax(0,1fr) 10px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:3px;background:#151719;padding:10px;text-align:left}.docs-side:hover{border-color:var(--strong);background:#191b1d}.docs-side>svg{padding:5px;width:29px;height:29px;background:#315f9a;color:#fff;border-radius:2px}.docs-side>span{min-width:0;display:grid;gap:3px}.docs-side b,.docs-side small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-side b{font-size:10px}.docs-side small{color:var(--muted2);font-size:8px}.docs-side em{color:#686e73;font-style:normal}.side-link,.logout-form button{width:100%;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:9px;color:#696f74;text-align:left;font-size:9px}.side-link:hover,.logout-form button:hover{background:#191b1d;color:#c8cbcd}.side-link svg,.logout-form svg,.backup-row svg{width:14px;height:14px}.backup-row{display:grid;grid-template-columns:1fr 1fr}.backup-row button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;padding:8px 3px;color:#61676c;font-size:8px}.backup-row button:hover{background:#191b1d;color:#b9bdc0}.logout-form{margin:3px 0 0;border-top:1px solid var(--border);padding-top:3px}
.topbar{position:sticky;top:0;z-index:30;height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px;border-bottom:1px solid var(--border);background:rgba(20,21,22,.96);backdrop-filter:blur(12px)}.search-box{width:min(430px,44vw);height:41px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:3px;background:#17191b;padding:0 11px;color:#71777c}.search-box:focus-within{border-color:#575c61}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px}.search-box kbd{border:0;border-left:1px solid var(--border);padding-left:8px;color:#666c71;font-size:8px}.top-actions{display:flex;align-items:center;gap:7px}.top-actions>span{margin-right:5px;color:#656b70;font-size:8px}.button{height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:3px;padding:0 15px;font-size:11px;font-weight:600;text-decoration:none}.button svg{width:16px;height:16px}.button.primary{border:1px solid #dbd8d0;background:#dbd8d0;color:#171819}.button.primary:hover{background:#f0eee8}.button.secondary{border:1px solid #3d4145;background:#1b1d1f;color:#d4d7d9}.button.secondary:hover{border-color:#565b60}
.content-area{max-width:1440px;margin:0 auto;padding:38px 40px 64px}.content-area.board-area{max-width:none;padding-right:0}.eyebrow{margin:0 0 9px;color:#777d82;font-size:9px;font-weight:700;letter-spacing:1.25px}.page-heading,.board-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1,.board-heading h1{margin:0;font-size:clamp(32px,3vw,45px);font-weight:600;line-height:1.06;letter-spacing:-1.6px}.page-heading p:not(.eyebrow),.board-heading p:not(.eyebrow){margin:9px 0 0;color:var(--muted);font-size:12px}.count-label,.board-controls>span{color:#70767b;font-size:9px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap}
.desk-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:25px;border-bottom:1px solid var(--border)}.desk-intro h1{margin:7px 0 8px;font-size:clamp(39px,4vw,54px);font-weight:600;line-height:1;letter-spacing:-2px}.desk-intro>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.desk-date{margin:0;color:#767c81;font-size:9px;font-weight:600;text-transform:uppercase}.issue-mark{border-left:1px solid #555a5f;padding:5px 0 5px 10px;color:#757b80;font-size:9px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.workbench-main{display:grid;gap:24px}.capture-sheet{border:1px solid var(--border);border-radius:3px;background:var(--surface);padding:18px 20px}.capture-sheet>label{display:block;margin-bottom:10px;color:#73797e;font-size:9px;font-weight:700;letter-spacing:.9px}.capture-sheet>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px}.capture-sheet>div>span{color:#aeb2b5;font-size:16px}.capture-sheet input{min-width:0;border:0;outline:0;background:transparent;padding:8px 2px;font-size:15px}.capture-sheet button{border:1px solid #3b3f42;border-radius:3px;background:#222426;padding:9px 12px;color:#cdd0d2;font-size:10px}.today-sheet>header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 2px 12px;border-bottom:1px solid var(--border)}.today-sheet>header small{color:#70767b;font-size:9px;font-weight:700}.today-sheet>header h2{margin:4px 0 0;font-size:22px}.today-sheet>header button{border:0;background:transparent;color:#b7babd;font-size:10px}.ledger-list{border-bottom:1px solid var(--border)}.ledger-row{width:100%;min-height:76px;display:grid;grid-template-columns:30px 36px minmax(0,1fr) 92px 65px 18px;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--border);background:transparent;padding:0 4px;text-align:left}.ledger-row:hover{background:#181a1c}.ledger-index{color:#5e6469;font-size:9px}.channel-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #303438;border-radius:2px}.channel-mark svg{width:18px;height:18px}.facebook{color:var(--blue)}.youtube{color:var(--red)}.ledger-title{min-width:0;display:grid;gap:5px}.ledger-title b,.ledger-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-title b{font-size:12px}.ledger-title small{color:#777d82;font-size:10px}.ledger-state,.ledger-row time{color:#858b90;font-size:9px}.ledger-row em{color:#686e73}.empty-inline{padding:34px 4px;color:#7c8287;font-size:12px}.workbench-margin{display:grid;gap:12px}.tally-sheet,.daily-note{display:block;border:1px solid var(--border);border-radius:3px;background:var(--surface);padding:18px}.tally-sheet>small,.daily-note>small{display:block;margin-bottom:12px;color:#73797e;font-size:9px;font-weight:700}.tally-sheet>div{display:grid;grid-template-columns:40px 1fr;align-items:baseline;padding:10px 0;border-top:1px solid var(--border)}.tally-sheet b{font-size:25px}.tally-sheet span{color:#8d9398;font-size:10px}.daily-note textarea{width:100%;min-height:160px;border:0;outline:0;resize:vertical;background:transparent;font-size:12px;line-height:1.7}.daily-note em{display:block;color:#63696e;font-size:9px;text-align:right}
.platform-mark,.status-mark{display:inline-flex;width:max-content;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.platform-mark svg{width:17px;height:17px}.platform-mark span,.status-mark{color:#a7acb0}.status-mark i{width:6px;height:6px;border-radius:50%;background:#777}.status-mark i[data-status="Ý tưởng"]{background:#8c9195}.status-mark i[data-status="Đang viết"]{background:#c49b56}.status-mark i[data-status="Đang dựng"]{background:#6695c7}.status-mark i[data-status="Đã lên lịch"]{background:#6fa187}.status-mark i[data-status="Đã đăng"]{background:#b2b6b9}
.board-heading{align-items:flex-start;padding-right:40px;padding-bottom:23px;border-bottom:1px solid var(--border)}.board-controls{display:flex;align-items:center;gap:18px}.board-filter{display:flex;border-bottom:1px solid #363a3e}.board-filter button{display:flex;align-items:center;gap:6px;border:0;border-bottom:1px solid transparent;background:transparent;margin-bottom:-1px;padding:9px 12px;color:#777d82;font-size:10px}.board-filter button svg{width:15px;height:15px}.board-filter button.active{border-bottom-color:#e1dfd9;color:#f0f1f1}.kanban-scroll{overflow-x:auto;padding:0 40px 26px 0;scrollbar-color:#3b3f43 transparent}.kanban-board{min-width:1510px;display:grid;grid-template-columns:repeat(5,minmax(276px,1fr));border-bottom:1px solid var(--border)}.kanban-column{min-height:600px;border-right:1px solid var(--border);padding:17px 14px 22px}.kanban-column:first-child{border-left:1px solid var(--border)}.kanban-column.drag-over{background:#1a1c1e;box-shadow:inset 0 2px #b9b6ad}.kanban-column>header{height:44px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 1px 13px}.kanban-column>header>div{display:flex;align-items:center;gap:8px}.kanban-column>header span{color:#686e73;font-size:9px}.kanban-column>header h2{margin:0;font-size:11px}.kanban-column>header button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:2px;background:transparent;color:#6f757a}.kanban-column>header button:hover{background:#222426;color:#e2e4e5}.kanban-column>header button svg{width:16px}.kanban-cards{display:grid;gap:10px}.kanban-card{min-height:168px;display:flex;flex-direction:column;border:1px solid #303438;border-radius:4px;background:#1b1d1f;padding:16px;cursor:grab}.kanban-card:hover{border-color:#51565a;background:#1e2022}.card-top,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.more{border:0;background:transparent;color:#686e73;padding:4px;letter-spacing:1px}.more:hover{color:#cfd2d4}.kanban-card h3{margin:18px 0 9px;font-size:13px;line-height:1.45}.kanban-card>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 14px;color:#858b90;font-size:10px;line-height:1.55}.card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.card-footer>span,.card-footer a,.card-footer button{display:flex;align-items:center;gap:6px;color:#858b90;font-size:9px}.card-footer svg{width:13px;height:13px}.card-footer a,.card-footer button{border:0;background:transparent;padding:4px;text-decoration:none}.card-footer a:hover,.card-footer button:hover{background:#26282a;color:#d8dbdd}.column-empty{min-height:88px;display:grid;place-content:center;justify-items:center;gap:6px;border:1px dashed #32363a;border-radius:3px;background:transparent;color:#646a6f;font-size:9px}.column-empty:hover{border-color:#50555a;color:#a8adb1}
.content-table{overflow:hidden;border:1px solid var(--border);border-radius:3px;background:#17191b}.table-head,.table-row{display:grid;grid-template-columns:minmax(270px,2fr) minmax(135px,.8fr) 120px 95px 30px;align-items:center;gap:16px;padding:0 19px}.table-head{min-height:44px;background:#1c1e20;color:#666c71;font-size:9px;font-weight:700}.table-row{min-height:82px;border-top:1px solid var(--border)}.table-row:hover{background:#1d1f21}.table-row>div{min-width:0;display:grid;gap:6px}.table-row strong,.table-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row strong{font-size:12px}.table-row small{color:#767c81;font-size:10px}.table-row time{color:#858b90;font-size:10px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.idea-card,.idea-add{min-height:228px;border-radius:3px;padding:20px;text-align:left}.idea-card{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface)}.idea-card:hover{border-color:#4c5155;background:#1d1f21}.idea-card>div{display:flex;align-items:center;justify-content:space-between}.idea-card h3{margin:24px 0 10px;font-size:17px;line-height:1.35}.idea-card p{margin:0;color:#858b90;font-size:10px;line-height:1.6}.idea-card>small{margin-top:auto;padding-top:17px;color:#676d72;font-size:9px}.idea-add{display:grid;align-content:center;justify-items:center;gap:8px;border:1px dashed #34383c;background:transparent;color:#777d82}.idea-add:hover{border-color:#565b60;background:#181a1c;color:#c7cbce}.idea-add strong{font-size:12px}.idea-add span{font-size:10px}.timeline{max-width:860px}.timeline>button{width:100%;display:grid;grid-template-columns:58px 18px minmax(0,1fr) 24px;gap:12px;align-items:stretch;border:0;background:transparent;padding:0;text-align:left}.timeline time{height:70px;display:grid;align-content:center;justify-items:center;border:1px solid var(--border);border-radius:3px;background:var(--surface)}.timeline time b{font-size:22px}.timeline time span{color:#767c81;font-size:9px}.timeline i{position:relative;border-left:1px solid #3a3e42}.timeline i:before{content:'';position:absolute;top:30px;left:-3px;width:5px;height:5px;border-radius:50%;background:#a6aaad}.timeline button>div{margin-bottom:10px;border:1px solid var(--border);border-radius:3px;background:var(--surface);padding:14px 16px}.timeline h3{margin:10px 0 8px;font-size:13px}.timeline em{align-self:center;color:#666c71}.empty-state{grid-column:1/-1;min-height:180px;display:grid;align-content:center;justify-items:center;gap:7px;color:#858b90}.empty-state b{font-size:22px}.empty-state strong{color:#c8cbcd}.empty-state p{margin:0;font-size:10px}
.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(7,8,9,.78);backdrop-filter:blur(6px)}.dialog{width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #3d4145;border-radius:5px;background:#1b1d1f;box-shadow:0 26px 70px rgba(0,0,0,.5)}.modal-form{padding:26px}.modal-form>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal-form h2{margin:0;font-size:25px}.dialog-close{border:0;background:transparent;color:#858b90;font-size:25px}.modal-copy{margin:-10px 0 20px;color:#858b90;font-size:11px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;margin-bottom:14px}.field>span{color:#91969b;font-size:9px;font-weight:600;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid #363a3e;border-radius:3px;outline:0;background:#151719;padding:11px 12px;font-size:12px;color-scheme:dark}.field input:focus,.field select:focus,.field textarea:focus{border-color:#666b70}.field textarea{resize:vertical;line-height:1.55}.script-row{display:flex;gap:7px}.script-row input{min-width:0;flex:1}.script-row button,.copy-code{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3d4145;border-radius:3px;background:#222426;padding:0 12px;font-size:10px}.copy-code{width:max-content;min-height:34px}.modal-form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid var(--border)}.modal-form>footer>div{display:flex;gap:8px}.modal-form .danger{border:0;background:transparent;color:#cf7c75;font-size:10px}.setup-steps{display:grid;margin-bottom:18px;border:1px solid var(--border)}.setup-steps>div{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px;border-bottom:1px solid var(--border);color:#979ca0;font-size:10px;line-height:1.55}.setup-steps>div:last-child{border:0}.setup-steps b{color:#d0d3d5}.setup-steps a{color:#b9bdc0}.setup-steps code{background:#111213;padding:2px 4px}
.context-menu{position:fixed;z-index:120;width:220px;border:1px solid #42464a;border-radius:4px;background:#202224;padding:5px;box-shadow:0 18px 50px rgba(0,0,0,.5)}.context-menu small{display:block;overflow:hidden;padding:7px 8px;color:#71777c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.context-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:2px;background:transparent;padding:9px 8px;color:#d0d3d5;font-size:10px;text-align:left}.context-menu button:hover{background:#2a2d2f}.context-menu .danger{border-top:1px solid #383c3f;border-radius:0;color:#dc8f88}.context-menu svg{width:14px;height:14px}.toast{position:fixed;left:50%;bottom:24px;z-index:200;border:1px solid #414549;border-radius:3px;background:#181a1c;padding:11px 14px;color:#d9dcde;box-shadow:0 14px 36px rgba(0,0,0,.4);transform:translateX(-50%);font-size:10px}.toast.error{border-color:#6a3733;color:#e0a39e}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-shell{width:min(420px,100%);border:1px solid var(--border);border-radius:4px;background:#191b1d;padding:28px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px}.auth-brand img{display:block;width:36px;height:36px}.auth-brand b{font-size:14px}.auth-brand small{display:block;margin-top:3px;color:#72777c;font-size:9px}.auth-shell h1{margin:0 0 8px;font-size:27px}.auth-shell>p{margin:0 0 24px;color:#92979c;font-size:11px;line-height:1.6}.auth-field{display:grid;gap:8px;margin-bottom:14px}.auth-field span{color:#91969b;font-size:9px;font-weight:600;text-transform:uppercase}.auth-field input{width:100%;height:44px;border:1px solid #363a3e;border-radius:3px;outline:0;background:#141618;padding:0 12px;font-size:13px}.auth-submit{width:100%;height:44px;border:1px solid #dbd8d0;border-radius:3px;background:#dbd8d0;color:#171819;font-size:11px;font-weight:700}.auth-error{margin:0 0 14px!important;border-left:2px solid #b96059;padding:9px 11px;color:#e0a39e!important;background:#231919;font-size:10px!important}.auth-note{margin:18px 0 0!important;color:#666c71!important;font-size:9px!important}.auth-lock{margin-bottom:12px;color:#73797e;font-size:9px}
@media(max-width:1050px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.workbench{grid-template-columns:1fr}.workbench-margin{grid-template-columns:1fr 1fr}.idea-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.workspace{padding-bottom:70px}.sidebar{position:fixed;inset:auto 0 0;z-index:80;width:100%;height:65px;display:block;padding:4px 8px;border-top:1px solid var(--border);border-right:0}.brand,.nav-label,.sidebar-spacer,.docs-side,.side-link,.backup-row,.logout-form{display:none}.sidebar nav{height:56px;grid-template-columns:repeat(5,1fr)}.sidebar nav button{min-height:55px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:0;border-bottom:2px solid transparent;padding:0;text-align:center}.sidebar nav button.active{border-bottom-color:#dedbd4;background:transparent}.sidebar nav button b{font-size:8px}.nav-count{position:absolute;top:4px;right:calc(50% - 22px);font-size:7px}.topbar{height:60px;padding:0 13px}.search-box{width:100%;height:38px}.search-box kbd,.top-actions>span{display:none}.top-actions .secondary{width:38px;padding:0;font-size:0}.top-actions .secondary svg{width:17px}.top-actions .primary{padding:0 10px}.content-area{padding:26px 15px 44px}.content-area.board-area{padding-right:0}.page-heading,.board-heading{align-items:flex-start;gap:13px}.board-heading{display:grid;padding-right:15px}.board-controls{width:100%;justify-content:space-between}.page-heading h1,.board-heading h1{font-size:31px}.desk-intro{align-items:flex-start}.issue-mark{display:none}.workbench-margin{grid-template-columns:1fr}.capture-sheet>div{grid-template-columns:20px 1fr}.capture-sheet button{grid-column:2;justify-self:start}.ledger-row{grid-template-columns:25px 32px minmax(0,1fr) 18px}.ledger-state,.ledger-row time{display:none}.kanban-scroll{padding-right:15px}.kanban-board{min-width:1420px}.kanban-column{min-height:500px}.table-head{display:none}.content-table{border:0;background:transparent}.table-row{grid-template-columns:minmax(0,1fr) auto 28px;gap:8px;min-height:86px;margin-bottom:7px;border:1px solid var(--border);border-radius:3px;background:var(--surface);padding:13px}.table-row>.status-mark,.table-row>time{display:none}.idea-grid{grid-template-columns:1fr}.timeline>button{grid-template-columns:52px 14px minmax(0,1fr) 16px;gap:8px}.dialog-backdrop{align-items:end;padding:0}.dialog{width:100%;max-height:92vh;border-radius:5px 5px 0 0}.modal-form{padding:20px 17px}.field-row{grid-template-columns:1fr}.script-row{display:grid}.script-row button{min-height:42px}.modal-form>footer{position:sticky;bottom:-20px;margin-inline:-17px;padding:14px 17px;background:#1b1d1f}.context-menu{left:12px!important;right:12px;width:auto}.toast{bottom:76px;max-width:calc(100vw - 24px)}}

/* Lịch tương tác và tùy chỉnh kênh */
.destination-mark{min-width:0;display:inline-flex;align-items:center;gap:7px;color:#a7acb0;font-size:10px;white-space:nowrap}.destination-mark svg{width:17px;height:17px;flex:0 0 auto}.destination-mark span{overflow:hidden;text-overflow:ellipsis}.card-format{margin:2px 0 10px}.card-format .platform-mark{font-size:9px}.card-format .platform-mark svg{display:none}.field-hint{margin-top:-2px;color:#666c71;font-size:9px;line-height:1.4}.table-head,.table-row{grid-template-columns:minmax(250px,2fr) 112px minmax(140px,.85fr) 108px 72px 28px;gap:14px;padding-inline:18px}
.field-row{align-items:start}.field{align-content:start}.calendar-toolbar{display:flex;align-items:center;gap:12px}.calendar-period{color:#9da2a6;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.calendar-controls{display:flex;align-items:center;gap:6px}.calendar-controls button{height:36px;border:1px solid var(--border);border-radius:3px;background:var(--surface);padding:0 11px;color:#aeb2b5;font-size:10px}.calendar-controls button:hover{border-color:var(--strong);color:var(--text)}.calendar-controls button:first-child{margin-right:3px}.calendar-scroll{overflow-x:auto;padding-bottom:14px}.month-calendar{min-width:790px;border-top:1px solid var(--border);border-left:1px solid var(--border);background:#111213}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{height:37px;display:flex;align-items:center;justify-content:flex-end;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 10px;color:#676d72;font-size:9px;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:126px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#17191b;padding:7px}.calendar-day.outside{background:#131415}.calendar-day.outside .day-number{opacity:.4}.calendar-day.today{box-shadow:inset 0 2px #dedbd4}.day-number{width:100%;height:25px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0 2px;color:#aeb2b5;font-size:10px;text-align:left}.day-number em{opacity:0;color:#8e9499;font-size:14px;font-style:normal}.calendar-day:hover .day-number em,.day-number:focus-visible em{opacity:1}.day-events{display:grid;gap:4px;margin-top:4px}.calendar-event{min-width:0;display:grid;gap:3px;border:1px solid #303438;border-left:2px solid currentColor;border-radius:2px;background:#1d1f21;padding:6px 7px;text-align:left}.calendar-event:hover{border-color:currentColor;background:#222426}.calendar-event>span{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;color:#777d82;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.calendar-event>span svg{width:10px;height:10px;flex:0 0 auto}.calendar-event b{overflow:hidden;color:#d4d7d9;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.custom-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px;align-items:start}.custom-panel,.custom-side>section{border:1px solid var(--border);border-radius:3px;background:var(--surface)}.custom-panel>header{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 20px}.custom-panel small,.custom-side>section>small{color:#70767b;font-size:9px;font-weight:700;letter-spacing:.8px}.custom-panel h2{margin:5px 0 0;font-size:20px}.custom-panel>header>span{color:#777d82;font-size:10px}.channel-list{padding:0 20px}.channel-row{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto 24px;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.channel-row:last-child{border-bottom:0}.channel-logo{width:36px;height:36px;display:grid;place-items:center;border:1px solid #34383c;border-radius:3px;background:#151719}.channel-logo svg{width:18px;height:18px}.channel-row>div{min-width:0;display:grid;gap:5px}.channel-row strong,.channel-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row strong{font-size:12px}.channel-row small,.channel-row em{color:#747a7f;font-size:9px;font-style:normal}.channel-row>a,.channel-row>button{border:0;background:transparent;color:#969ca1;font-size:9px;text-decoration:none}.channel-row>a:hover,.channel-row>button:hover{color:#eef0f1}.channel-row .channel-remove{font-size:18px;color:#666c71}.custom-side{display:grid;gap:12px}.custom-side>section{padding:18px}.custom-side h3{margin:6px 0 8px;font-size:16px}.custom-side p{margin:0 0 17px;color:#858b90;font-size:10px;line-height:1.6}.custom-side .field{margin:0}.custom-side .button{width:100%}
@media(max-width:1050px){.table-head,.table-row{grid-template-columns:minmax(220px,2fr) 100px minmax(125px,.8fr) 98px 65px 24px;gap:9px;padding-inline:12px}.custom-layout{grid-template-columns:1fr}.custom-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(6,1fr)}.sidebar nav button b{font-size:7px}.table-row{grid-template-columns:minmax(0,1fr) minmax(85px,auto) 28px}.table-row>.platform-mark,.table-row>.status-mark,.table-row>time{display:none}.calendar-toolbar{width:100%;justify-content:space-between}.calendar-controls{margin-top:4px}.calendar-controls button{height:33px;padding-inline:9px}.month-calendar{min-width:720px}.calendar-day{min-height:112px;padding:5px}.custom-side{grid-template-columns:1fr}.channel-list{padding:0 12px}.channel-row{grid-template-columns:36px minmax(0,1fr) auto 22px;gap:8px}.channel-row>em,.channel-row>a{display:none}.content-area:has(.month-calendar){padding-right:0}.content-area:has(.month-calendar) .page-heading{padding-right:15px}}