:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc}:root,[data-mode=light]{color-scheme:light;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #fbfcfe;--bg-muted: #f1f5f9;--bg-subtle: #f8fafc;--bg-sidebar: #ffffff;--border-sidebar: #eaecf0;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-subtle: #94a3b8;--border: #e2e8f0;--border-subtle: #f1f5f9;--border-focus: #cbd5e1;--shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px 0 rgba(16, 24, 40, .08), 0 1px 2px -1px rgba(16, 24, 40, .04);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--shadow-drawer: -8px 0 32px rgba(15, 23, 42, .1);--topbar-bg: rgba(255, 255, 255, .88);--drawer-mask: rgba(15, 23, 42, .35);--primary: #2563eb;--primary-hover: #1d4ed8;--primary-active: #1e40af;--primary-light: #eff6ff;--primary-border: #bfdbfe;--primary-ring: rgba(37, 99, 235, .16);--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--brand-glow: rgba(37, 99, 235, .22);--badge-published-bg: #ecfdf5;--badge-published-color: #047857;--badge-published-border: #a7f3d0;--badge-ready-bg: #eff6ff;--badge-ready-color: #1d4ed8;--badge-ready-border: #bfdbfe;--badge-draft-bg: #f8fafc;--badge-draft-color: #475569;--badge-draft-border: #cbd5e1;--badge-offline-bg: #fff1f2;--badge-offline-color: #be123c;--badge-offline-border: #fecdd3}[data-mode=light][data-theme=emerald]{--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--primary-light: #ecfdf5;--primary-border: #a7f3d0;--primary-ring: rgba(5, 150, 105, .16);--primary-gradient: linear-gradient(135deg, #10b981 0%, #047857 100%);--brand-glow: rgba(16, 185, 129, .22)}[data-mode=light][data-theme=slate]{--primary: #0f172a;--primary-hover: #1e293b;--primary-active: #334155;--primary-light: #f1f5f9;--primary-border: #cbd5e1;--primary-ring: rgba(15, 23, 42, .12);--primary-gradient: linear-gradient(135deg, #334155 0%, #0f172a 100%);--brand-glow: rgba(15, 23, 42, .18)}[data-mode=dark]{color-scheme:dark;--bg-page: #09090b;--bg-surface: #121215;--bg-surface-hover: #18181d;--bg-muted: #1e1e24;--bg-subtle: #141418;--bg-sidebar: #0d0d10;--border-sidebar: #1e1e24;--text-main: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-subtle: #52525b;--border: #222228;--border-subtle: #18181e;--border-focus: #3f3f46;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .45);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .65);--shadow-xl: 0 20px 28px -4px rgba(0, 0, 0, .75);--shadow-drawer: -8px 0 32px rgba(0, 0, 0, .85);--topbar-bg: rgba(13, 13, 16, .85);--drawer-mask: rgba(0, 0, 0, .65);--primary: #3b82f6;--primary-hover: #60a5fa;--primary-active: #2563eb;--primary-light: rgba(59, 130, 246, .14);--primary-border: rgba(59, 130, 246, .3);--primary-ring: rgba(59, 130, 246, .25);--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--brand-glow: rgba(59, 130, 246, .35);--badge-published-bg: rgba(16, 185, 129, .14);--badge-published-color: #34d399;--badge-published-border: rgba(16, 185, 129, .28);--badge-ready-bg: rgba(59, 130, 246, .14);--badge-ready-color: #60a5fa;--badge-ready-border: rgba(59, 130, 246, .28);--badge-draft-bg: rgba(255, 255, 255, .05);--badge-draft-color: #a1a1aa;--badge-draft-border: rgba(255, 255, 255, .12);--badge-offline-bg: rgba(244, 63, 94, .14);--badge-offline-color: #fb7185;--badge-offline-border: rgba(244, 63, 94, .28)}[data-mode=dark][data-theme=emerald]{--primary: #10b981;--primary-hover: #34d399;--primary-active: #059669;--primary-light: rgba(16, 185, 129, .14);--primary-border: rgba(16, 185, 129, .3);--primary-ring: rgba(16, 185, 129, .25);--primary-gradient: linear-gradient(135deg, #10b981 0%, #047857 100%);--brand-glow: rgba(16, 185, 129, .35)}[data-mode=dark][data-theme=slate]{--primary: #f4f4f5;--primary-hover: #ffffff;--primary-active: #e4e4e7;--primary-light: rgba(255, 255, 255, .1);--primary-border: rgba(255, 255, 255, .2);--primary-ring: rgba(255, 255, 255, .18);--primary-gradient: linear-gradient(135deg, #71717a 0%, #27272a 100%);--brand-glow: rgba(255, 255, 255, .2)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;padding:0}body{min-width:1080px;background:var(--bg-page);font-size:14px;line-height:1.5;color:var(--text-main);transition:background-color .2s ease,color .2s ease}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;min-height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:20px 14px;color:var(--text-secondary);background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);box-shadow:1px 0 4px #00000008;z-index:30;transition:background-color .2s ease,border-color .2s ease}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid var(--border-subtle)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-weight:800;font-size:15px;letter-spacing:-.5px;color:#fff;background:var(--primary-gradient);box-shadow:0 4px 12px var(--brand-glow);transition:all .25s ease}.brand strong,.brand span{display:block}.brand strong{font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--text-main)}.brand span{margin-top:2px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.2px}.workspace-pill{display:flex;align-items:center;gap:8px;margin:18px 10px 10px;color:var(--text-subtle);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.workspace-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.nav-groups{display:grid;gap:6px;overflow-y:auto}.nav-group{min-width:0}.nav-group-button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:8px;color:var(--text-secondary);text-align:left;background:transparent;transition:all .15s ease}.nav-group-button:hover{color:var(--text-main);background:var(--bg-muted)}.nav-group-button.contextual{color:var(--primary);background:var(--primary-light)}.nav-group-button strong,.nav-group-button small{display:block}.nav-group-button strong{font-size:13px;font-weight:600}.nav-group-button small{margin-top:1px;color:var(--text-muted);font-size:11px}.nav-group-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--primary);background:var(--primary-light);font-size:10px;transition:all .2s ease}.nav-chevron{color:var(--text-subtle);font-size:13px;transition:transform .2s ease}.nav-chevron.expanded{transform:rotate(180deg)}.nav-list{display:grid;gap:3px;margin:4px 0 4px 14px;padding-left:10px;border-left:1px solid var(--border)}.nav-list button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:8px;color:var(--text-secondary);text-align:left;background:transparent;transition:all .15s ease}.nav-list button:hover{color:var(--text-main);background:var(--bg-muted)}.nav-list button.active{color:var(--primary);background:var(--primary-light);font-weight:600}[data-mode=dark][data-theme=slate] .nav-list button.active{color:#fff;background:#ffffff1f}[data-mode=light][data-theme=slate] .nav-list button.active{color:#fff;background:var(--slate-900)}.nav-list button strong,.nav-list button small{display:block}.nav-list button strong{font-size:13px}.nav-list button small{margin-top:1px;color:var(--text-subtle);font-size:11px}.nav-list button.active small{color:var(--primary);opacity:.85}[data-mode=dark][data-theme=slate] .nav-list button.active small{color:#a1a1aa}[data-mode=light][data-theme=slate] .nav-list button.active small{color:#cbd5e1}.nav-icon{width:18px;height:18px;position:relative;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:4px;flex:0 0 18px;opacity:.85}.nav-icon[data-icon=tag]{transform:rotate(45deg);border-radius:2px 4px 4px 2px}.nav-icon[data-icon=activity]{border:0}.nav-icon[data-icon=activity]:before{content:"";width:14px;height:1.5px;background:currentColor;box-shadow:0 -4px 0 0 currentColor,0 4px 0 0 currentColor}.nav-icon[data-icon=play]:after{content:"";border-left:5px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;margin-left:2px}.nav-icon[data-icon=layers]:after{content:"";width:8px;height:8px;border:1.5px solid currentColor;transform:rotate(45deg)}.nav-icon[data-icon=sparkles]:after{content:"✦";font-size:11px;line-height:1}.main-content{width:calc(100% - 256px);margin-left:256px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page);transition:background-color .2s ease}.topbar{height:64px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--topbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:20;transition:background-color .2s ease,border-color .2s ease}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.breadcrumb b{font-weight:400;color:var(--border-focus)}.breadcrumb strong{font-weight:600;color:var(--text-main)}.topbar-actions{display:flex;align-items:center;gap:12px}.mode-toggle-button{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;box-shadow:var(--shadow-xs);transition:all .15s ease}.mode-toggle-button.compact{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%}.mode-toggle-button:hover{border-color:var(--primary-border);color:var(--primary);background:var(--bg-muted)}.theme-pills{display:inline-flex;align-items:center;gap:4px;padding:3px 4px;border:1px solid var(--border);border-radius:20px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}.theme-pills button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:0;border-radius:14px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;transition:all .15s ease}.theme-pills button:hover{color:var(--text-main);background:var(--bg-muted)}.theme-pills button.active{background:var(--bg-muted);color:var(--text-main);font-weight:600}.theme-pills.compact button{padding:5px;border-radius:50%}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-blue{background:#2563eb;box-shadow:0 0 0 2px #2563eb40}.dot-emerald{background:#059669;box-shadow:0 0 0 2px #05966940}.dot-slate{background:#52525b;box-shadow:0 0 0 2px #52525b40}.save-feedback{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;background:var(--badge-published-bg);color:var(--badge-published-color);border:1px solid var(--badge-published-border);font-size:12px;font-weight:600}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:14px;box-shadow:var(--shadow-xs);transition:all .15s ease}.icon-button:hover:not(:disabled){border-color:var(--border-focus);color:var(--text-main);background:var(--bg-muted)}.admin-chip{display:flex;align-items:center;gap:8px;padding:3px 4px 3px 6px;border:1px solid var(--border);border-radius:20px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}.admin-chip .avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary-gradient);font-size:11px;font-weight:700}.admin-chip b{font-size:13px;font-weight:600;color:var(--text-main);padding:0 4px 0 2px}.admin-chip button{margin-left:2px;padding:2px 8px;border:0;border-left:1px solid var(--border);color:var(--text-muted);background:transparent;font-size:12px;font-weight:600;transition:color .15s ease}.admin-chip button:hover{color:#e11d48}.page{padding:32px 36px 60px;max-width:1600px;width:100%;margin:0 auto}.page.is-arrangement{padding-top:20px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.eyebrow{display:block;margin-bottom:6px;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.page-heading h1{margin-bottom:6px;color:var(--text-main);font-size:26px;font-weight:700;letter-spacing:-.5px}.page-heading p{margin-bottom:0;color:var(--text-muted);font-size:13px}.heading-actions{display:flex;gap:12px}.primary-button,.secondary-button,.danger-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s ease;line-height:1}.primary-button{border:1px solid transparent;color:#fff;background:var(--primary);box-shadow:0 1px 2px #0000000d,0 2px 6px 0 var(--primary-ring)}.primary-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-ring);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);color:var(--text-main);background:var(--bg-surface);box-shadow:var(--shadow-xs)}.secondary-button:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-muted)}.danger-button{border:1px solid #e11d48;color:#fff;background:#e11d48;box-shadow:0 2px 6px #e11d4833}.danger-button:hover:not(:disabled){background:#be123c;border-color:#be123c;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important;box-shadow:none!important}.panel{border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:background-color .2s ease,border-color .2s ease}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-heading.compact{margin-bottom:16px}.section-heading h3{margin-bottom:0;font-size:17px;font-weight:700;color:var(--text-main)}.table-panel{overflow:hidden;position:relative}.table-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.search-box{width:300px;height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);transition:all .15s ease}.search-box:focus-within{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-ring)}.search-box span{color:var(--text-muted);font-size:15px}.search-box input{width:100%;border:0;background:transparent;padding:0;font-size:13px;color:var(--text-main);outline:none}.search-box.small{width:100%;height:34px;margin-bottom:12px}.filter-select{height:38px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text-main);font-size:13px;outline:none;transition:all .15s ease}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);background:var(--bg-surface)}.record-count{margin-left:auto;color:var(--text-muted);font-size:13px;font-weight:500}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead th{padding:12px 18px;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text-muted);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:14px 18px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background-color .15s ease}tbody tr:hover{background-color:var(--bg-surface-hover)}.actions-column{text-align:right;width:140px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.row-actions button{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .15s ease}.row-actions button:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary);background:var(--primary-light)}.row-actions button.danger:hover:not(:disabled){border-color:#fecdd3;color:#be123c;background:#fff1f2}.name-cell{display:flex;align-items:center;gap:12px}.name-cell b{display:block;font-size:13.5px;font-weight:600;color:var(--text-main)}.name-cell small{display:block;margin-top:2px;color:var(--text-muted);font-size:12px}.entry-avatar,.action-avatar,.routine-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;font-weight:700;font-size:13px;flex:0 0 34px}.entry-avatar{color:#0284c7;background:#0284c71f;border:1px solid rgba(2,132,199,.25)}.action-avatar{color:#0d9488;background:#0d94881f;border:1px solid rgba(13,148,136,.25)}.routine-avatar{color:var(--primary);background:var(--primary-light);border:1px solid var(--primary-border)}.routine-avatar.small{width:28px;height:28px;flex:0 0 28px;font-size:11px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border)}.table-subline{display:block;margin-top:3px;color:var(--text-muted);font-size:11.5px}.type-pill{display:inline-block;padding:2px 8px;border-radius:12px;background:var(--bg-muted);color:var(--text-secondary);font-size:12px;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.2}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.published{background:var(--badge-published-bg);color:var(--badge-published-color);border:1px solid var(--badge-published-border)}.status-badge.ready{background:var(--badge-ready-bg);color:var(--badge-ready-color);border:1px solid var(--badge-ready-border)}.status-badge.draft{background:var(--badge-draft-bg);color:var(--badge-draft-color);border:1px solid var(--badge-draft-border)}.status-badge.offline{background:var(--badge-offline-bg);color:var(--badge-offline-color);border:1px solid var(--badge-offline-border)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px}.pagination-bar>div{display:flex;align-items:center;gap:12px}.pagination-bar select{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-main);font-size:12px}.pagination-bar nav{display:flex;align-items:center;gap:4px}.pagination-bar nav button{min-width:32px;height:32px;padding:0 6px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .15s ease}.pagination-bar nav button:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary);background:var(--primary-light)}.pagination-bar nav button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-bar.compact{padding:10px 14px}.arrangement-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:flex-start}.routine-selector{padding:16px;position:sticky;top:84px;max-height:calc(100vh - 104px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.selector-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}.selector-heading .eyebrow{margin-bottom:0}.routine-selector>.search-box{flex-shrink:0;margin-bottom:8px}.routine-list-scroll{flex:1;min-height:0;overflow-y:auto;margin-right:-4px;padding-right:4px}.routine-list-scroll>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);color:var(--text-main);text-align:left;transition:all .15s ease}.routine-list-scroll>button:hover:not(:disabled){border-color:var(--border);background:var(--bg-muted)}.routine-list-scroll>button.active{border-color:var(--primary-border);background:var(--primary-light)}.routine-list-scroll>button b{display:block;font-size:13px;font-weight:600;color:var(--text-main)}.routine-list-scroll>button small{display:block;margin-top:2px;color:var(--text-muted);font-size:11px}.routine-list-scroll>button i{color:var(--text-subtle);font-style:normal;font-size:14px}.selector-empty{padding:24px 12px;text-align:center;color:var(--text-muted);font-size:13px}.routine-selector .pagination-bar{flex-shrink:0;margin-top:auto;padding:8px 0 0;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.arrangement-editor{padding:24px;min-width:0;overflow:hidden}.arrangement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.arrangement-header h2{margin-bottom:4px;font-size:20px;font-weight:700;color:var(--text-main)}.arrangement-header p{margin-bottom:0;color:var(--text-muted);font-size:13px}.arrangement-cards{display:flex;flex-direction:column;gap:10px;min-width:0}.arrangement-row{border:1px solid var(--border);border-radius:10px;padding:12px 16px;background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:all .15s ease;min-width:0;box-sizing:border-box}.arrangement-row:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.arrangement-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);min-width:0}.action-meta-group{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.action-index-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;border-radius:6px;font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-light);letter-spacing:.5px;flex-shrink:0}.action-avatar{width:28px;height:28px;border-radius:8px;background:var(--bg-subtle);color:var(--text-secondary);font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.action-title-box{min-width:0}.action-name-row{display:flex;align-items:center;gap:8px;min-width:0}.action-name-row b{font-size:14px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-code-tag{font-size:11px;color:var(--text-muted);background:var(--bg-subtle);padding:2px 6px;border-radius:4px;font-family:inherit}.mini-change-button{padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--primary);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.mini-change-button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.action-controls-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.derived-badge{font-size:11.5px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:3px 10px;border-radius:20px;white-space:nowrap}.order-button-group{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-surface)}.order-button{width:26px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all .12s ease}.order-button:first-child{border-right:1px solid var(--border-subtle)}.order-button:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.order-button:disabled{opacity:.3;cursor:not-allowed}.remove-button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;color:var(--text-muted);background:transparent;font-size:16px;cursor:pointer;transition:all .15s ease}.remove-button:hover:not(:disabled){color:#e11d48;background:#e11d481a}.arrangement-params-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.param-item{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.param-item-notes{flex:1 1 200px;min-width:140px}.param-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.param-input,.param-select{height:30px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);color:var(--text-main);font-size:12.5px;transition:all .15s ease;box-sizing:border-box}.param-input:focus,.param-select:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.block-name-input{width:110px}.input-with-unit{display:inline-flex;align-items:center;gap:4px}.num-input{width:64px;text-align:center}.unit-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.param-select{width:104px;cursor:pointer}.notes-input{width:100%}.param-divider{width:1px;height:18px;background:var(--border-subtle);flex-shrink:0}.arrangement-pagination{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text-main);font-size:13.5px;transition:all .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.field textarea{resize:vertical;min-height:80px}.field.full{grid-column:1 / -1}.readonly-field input{background:var(--bg-muted);color:var(--text-muted);border-color:var(--border);cursor:default}.relation-picker-button{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text-main);font-size:13px;text-align:left;transition:all .15s ease}.relation-picker-button:hover:not(:disabled){border-color:var(--primary-border);background:var(--bg-surface)}.relation-picker-button small{color:var(--primary);font-weight:600}.switch-field{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-field input{display:none}.switch{width:40px;height:22px;position:relative;border-radius:12px;background:var(--border-focus);transition:background-color .2s ease;flex:0 0 40px}.switch:after{content:"";width:18px;height:18px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.switch-field input:checked+.switch{background:var(--primary)}.switch-field input:checked+.switch:after{transform:translate(18px)}.switch-field b{font-size:13px;font-weight:600;color:var(--text-main)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle)}.checkbox-grid label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.quick-create-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px}.quick-create-row input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:var(--bg-subtle);color:var(--text-main)}.quick-create-row button{height:32px;padding:0 12px;font-size:12px}.inline-field-error{color:#e11d48;font-size:12px;margin-top:4px}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--drawer-mask);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end}.drawer{width:min(680px,100vw);height:100vh;display:flex;flex-direction:column;background:var(--bg-surface);box-shadow:var(--shadow-drawer);animation:slide-in .22s cubic-bezier(.16,1,.3,1)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border)}.drawer header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.drawer-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:20px;transition:all .15s ease}.drawer-close:hover{background:var(--bg-muted);color:var(--text-main)}.drawer-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:28px}.form-section{display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.derived-section{padding:16px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border)}.derived-note{margin-bottom:12px;color:var(--text-muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-grid>div{padding:10px 12px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border)}.metric-grid>div.wide{grid-column:1 / -1}.metric-grid span{display:block;font-size:11px;color:var(--text-muted)}.metric-grid b{display:block;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--text-main)}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.ratio-grid span{font-size:12px;font-weight:600;color:var(--text-secondary)}.drawer footer{padding:16px 28px;border-top:1px solid var(--border);background:var(--bg-surface);display:flex;justify-content:flex-end;gap:12px}.recommendation-list{display:grid;gap:16px;padding:20px}.recommendation-card{padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface)}.recommendation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.recommendation-card-header h3{margin:6px 0 2px;font-size:16px;font-weight:700;color:var(--text-main)}.date-range{color:var(--text-muted);font-size:12px;margin-bottom:16px}.recommendation-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recommendation-items>div{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle)}.item-index{font-size:11px;font-weight:700;color:var(--text-subtle)}.recommendation-items b{font-size:13px;color:var(--text-main);flex:1}.add-recommendation{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 12px;border:1px dashed var(--border);border-radius:6px;background:transparent;color:var(--primary);font-size:12px;font-weight:600;transition:all .15s ease}.add-recommendation:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-border)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--drawer-mask);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:110;display:grid;place-items:center;padding:20px}.confirm-modal{width:min(420px,100%);padding:24px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);text-align:center}.warning-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;color:#e11d48;background:#e11d481f;font-size:20px;font-weight:800}.confirm-modal h3{margin-bottom:8px;font-size:18px;font-weight:700;color:var(--text-main)}.confirm-modal p{color:var(--text-muted);font-size:13px;margin-bottom:24px}.confirm-modal>div{display:flex;justify-content:center;gap:12px}.picker-modal{width:min(600px,100%);max-height:85vh;display:flex;flex-direction:column;padding:24px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-xl)}.picker-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.picker-modal header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.picker-results{flex:1;overflow-y:auto;display:grid;gap:6px;margin:12px 0}.picker-results button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);text-align:left;transition:all .15s ease}.picker-results button:hover:not(:disabled){border-color:var(--primary-border);background:var(--primary-light)}.picker-results button b{display:block;font-size:13.5px;font-weight:600;color:var(--text-main)}.picker-results button small{display:block;margin-top:2px;color:var(--text-muted);font-size:11.5px}.picker-results button i{color:var(--primary);font-style:normal;font-size:12px;font-weight:600}.media-upload-field{display:flex;flex-direction:column;gap:8px}.media-preview{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle)}.media-preview img,.media-preview video{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.media-preview a{color:var(--primary);font-size:12px;text-decoration:none;font-weight:600}.media-preview button{margin-left:12px;border:0;color:#e11d48;background:transparent;font-size:12px;font-weight:600}.media-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px dashed var(--border-focus);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.media-upload-button:hover:not(.disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.media-upload-button input{display:none}.i18n-editor{padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle)}.language-tabs{display:flex;gap:6px;margin-bottom:16px}.language-tabs button{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .15s ease}.language-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(420px,.85fr);background:var(--bg-surface)}.login-brand-panel{min-height:100vh;position:relative;overflow:hidden;padding:50px 60px;color:var(--text-main);background:radial-gradient(ellipse at 15% 20%,rgba(37,99,235,.08),transparent 60%),radial-gradient(ellipse at 85% 75%,rgba(16,185,129,.06),transparent 50%),var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--primary-gradient);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 14px var(--brand-glow)}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px;font-weight:700;color:var(--text-main)}.login-brand small{margin-top:2px;color:var(--text-muted);font-size:10px;letter-spacing:1.5px}.login-copy{max-width:580px;position:relative;z-index:2;margin:auto 0}.login-copy .eyebrow{color:var(--primary)}.login-copy h1{margin-bottom:20px;font-size:clamp(32px,3.5vw,50px);line-height:1.25;letter-spacing:-1.2px;font-weight:800;color:var(--text-main)}.login-copy p{max-width:480px;color:var(--text-secondary);font-size:15px;line-height:1.8}.login-feature-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.feature-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);font-size:12.5px;font-weight:600;box-shadow:var(--shadow-xs)}.login-form-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:var(--bg-surface);position:relative}.login-theme-bar{position:absolute;top:28px;right:36px;display:flex;align-items:center;gap:12px}.login-card{width:min(390px,100%);padding:38px 36px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-xl)}.login-card h2{margin-bottom:6px;font-size:24px;font-weight:700;color:var(--text-main)}.login-card>p{margin-bottom:26px;color:var(--text-muted);font-size:13px}.login-card .field{margin-bottom:16px}.login-submit{width:100%;min-height:42px;margin-top:10px;font-size:14px}.login-error,.api-error-banner{color:#be123c;border:1px solid #fecdd3;background:#fff1f2}[data-mode=dark] .login-error,[data-mode=dark] .api-error-banner{color:#fb7185;border:1px solid rgba(244,63,94,.3);background:#f43f5e1f}.login-error{padding:10px 14px;margin-bottom:18px;border-radius:8px;font-size:13px}.api-error-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-bottom:20px;border-radius:8px;font-size:13px}.api-error-banner button{border:0;color:inherit;background:transparent;font-size:18px;line-height:1}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-page);color:var(--text-muted);font-size:13px;-webkit-user-select:none;user-select:none}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:jq-spin .75s linear infinite}@keyframes jq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-loading{opacity:.65;pointer-events:none;transition:opacity .15s ease}@media (max-width: 1250px){.recommendation-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1180px){body{min-width:0}.sidebar{width:220px}.main-content{width:calc(100% - 220px);margin-left:220px}.page,.topbar{padding-left:24px;padding-right:24px}.arrangement-layout{grid-template-columns:240px minmax(0,1fr)}}@media (max-width: 840px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;position:static;padding:16px}.brand{padding-bottom:14px}.workspace-pill,.nav-group-button{display:none}.nav-list{display:flex!important;overflow-x:auto;margin:10px 0 0;padding:0;border:0}.nav-list button{min-width:140px}.main-content{width:100%;margin-left:0}.topbar{position:static;padding:0 16px}.breadcrumb,.admin-chip i{display:none}.topbar-actions{width:100%;justify-content:flex-end}.page{padding:24px 16px 40px}.page-heading{align-items:flex-start}.arrangement-layout{grid-template-columns:1fr}.routine-selector{position:static}.recommendation-items{grid-template-columns:1fr}.drawer{width:100vw}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:24px}}@media (max-width: 560px){.page-heading{display:grid}.table-toolbar{flex-wrap:wrap}.search-box{width:100%}.record-count{margin-left:0}.form-grid,.metric-grid{grid-template-columns:1fr}.field.full,.switch-field.full,.metric-grid>div.wide{grid-column:1}.ratio-grid{grid-template-columns:repeat(2,1fr)}.pagination-bar{align-items:flex-start;flex-direction:column}.pagination-bar nav{width:100%;overflow-x:auto}}