:root{--accent: #7ECEF4;--accent-2: #1B7FA8;--accent-hover: #5BB8E8;--accent-light: rgba(126, 206, 244, .12);--accent-light-border: rgba(126, 206, 244, .4);--bg: #F8F9FA;--panel-bg: #FFFFFF;--surface: #FFFFFF;--surface-alt: #F8F9FA;--overlay: rgba(0, 0, 0, .5);--text: #111827;--muted: #6B7280;--neutral: #9CA3AF;--border: #E5E7EB;--neutral-border: #D1D5DB;--success: #10b981;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #166534;--danger: #ef4444;--danger-bg: #fee2e2;--danger-border: #fecaca;--danger-text: #991b1b;--warn: #f59e0b;--warn-bg: #fef3c7;--warn-border: #fbbf24;--warn-text: #92400e;--info-bg: #F0F9FF;--info-border: rgba(126, 206, 244, .5);--info-text: #2A7BAF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app-root{font-family:Inter,system-ui,-apple-system,Helvetica Neue,Arial,Noto Sans JP,sans-serif;color:var(--text);font-size:14px;line-height:1.6}.app-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--panel-bg);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000f;display:flex;align-items:center;padding:0 24px;gap:16px;z-index:50}.app-layout{display:flex;margin-top:56px;min-height:calc(100vh - 56px)}.sidebar{width:220px;flex-shrink:0;background:var(--panel-bg);border-right:1px solid var(--border);position:fixed;top:56px;bottom:0;overflow-y:auto;padding:0 0 80px}.sidebar:before{content:"";display:block;height:3px;background:var(--accent-2)}.main-content{flex:1;margin-left:220px;padding:var(--space-xl) var(--space-2xl);min-height:calc(100vh - 56px);max-width:calc(100vw - 220px)}.brand{display:flex;gap:10px;align-items:center;flex:1}.bot-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--accent);color:#0a1628;flex-shrink:0}.title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.subtitle{font-size:11px;color:var(--muted);margin-top:1px}.toolbar{display:flex;gap:8px;align-items:center}.token-indicator{font-size:12px;color:var(--muted);white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:var(--space-md) var(--space-sm)}.sidebar-section-label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral);padding:var(--space-md) 14px var(--space-xs);margin:0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:-.1px;text-align:left;width:100%;transition:all .2s ease}.nav-item:hover{background:var(--accent-light);color:var(--accent-2);border-left-color:#7ecef44d}.nav-item.active{background:var(--accent-light);color:var(--accent-2);font-weight:600;border-left-color:var(--accent-2)}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-menu{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm);border-top:1px solid var(--border);background:var(--panel-bg)}.sidebar-user-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--text);font-size:13px;font-weight:500;transition:background .2s ease}.sidebar-user-trigger:hover{background:var(--accent-light);color:var(--accent-2)}.sidebar-user-dropdown{position:absolute;bottom:calc(100% + 4px);left:8px;right:8px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;overflow:hidden;z-index:100}.sidebar-user-action{display:block;width:100%;padding:11px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text);text-align:left;transition:background .2s ease,color .2s ease}.sidebar-user-action:last-child{border-bottom:none}.sidebar-user-action:hover{background:var(--surface-alt);color:var(--accent-2)}.sidebar-user-action.danger{color:var(--danger-text)}.sidebar-user-action.danger:hover{background:var(--danger-bg);color:var(--danger-text)}.mobile-page-tabs{display:none}.btn{border-radius:var(--radius-sm);border:1px solid transparent;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface);transition:all .2s ease;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed;transition:none}.btn-primary{background:var(--accent-2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #1b7fa84d;font-weight:600}.btn-primary:not(:disabled):hover{background:#1590bf;box-shadow:0 4px 14px #1b7fa866;transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(0);box-shadow:0 1px 4px #1b7fa84d}.btn-accent{background:#374151;color:#fff;border-color:transparent;box-shadow:0 2px 6px #00000026}.btn-accent:not(:disabled):hover{background:#4b5563;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.btn-accent:not(:disabled):active{transform:translateY(0)}.btn-approve{background:var(--accent-2);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px #1b7fa84d}.btn-approve:not(:disabled):hover{background:#1590bf;box-shadow:0 4px 14px #1b7fa866;transform:translateY(-1px)}.btn-approve:not(:disabled):active{transform:translateY(0)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:0 1px 2px #0000000a}.btn-secondary:not(:disabled):hover{background:var(--surface-alt);border-color:var(--neutral-border);box-shadow:0 2px 6px #00000014}.btn-danger{background:var(--danger);color:#fff;border-color:transparent;box-shadow:0 2px 6px #ef444440}.btn-danger:not(:disabled):hover{background:#dc2626;box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.btn-danger:not(:disabled):active{transform:translateY(0)}.panel{background:var(--panel-bg);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;text-align:left}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Noto Sans Mono,monospace;background:#00000008;padding:10px;border-radius:var(--radius-sm);overflow:auto}.page-content{text-align:left}.selectors{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center}.selector-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center}.controls-controls{display:flex;gap:var(--space-sm)}.controls .status{color:var(--muted)}.page-switch{display:flex;gap:var(--space-xs);margin:0 0 var(--space-lg)}.tab-button{padding:8px 18px;border-radius:100px;background:transparent;border:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);transition:all .2s ease}.tab-button:hover{background:var(--panel-bg);color:var(--text);border-color:var(--neutral-border)}.tab-button.active{background:var(--accent-light);border-color:var(--accent-light-border);color:var(--accent-2);font-weight:700}.step-tabs{display:flex;align-items:stretch;margin-bottom:var(--space-lg);padding:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;overflow:hidden}.step-tab{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;cursor:pointer;border:none;background:transparent;flex:1;transition:all .25s ease;text-align:left;position:relative}.step-tab:hover{background:var(--surface-alt)}.step-tab .step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-alt);color:var(--muted);font-weight:700;font-size:14px;flex-shrink:0;border:2px solid var(--border);transition:all .25s ease}.step-tab .step-label{font-size:14px;font-weight:600;color:var(--muted);line-height:1.2;transition:color .25s ease}.step-tab .step-desc{font-size:11px;color:var(--neutral);margin-top:2px;transition:color .25s ease}.step-tab.active{background:var(--accent-light)}.step-tab.active .step-number{background:var(--accent-2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #7ecef466}.step-tab.active .step-label{color:var(--accent-2);font-weight:700}.step-tab.active .step-desc{color:var(--accent-2);opacity:.8}.step-arrow{display:flex;align-items:center;color:var(--neutral);font-size:22px;flex-shrink:0;-webkit-user-select:none;user-select:none;padding:0;align-self:center}.nested-section{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--panel-bg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.nested-section-header{font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--accent);display:inline-block}.draft-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px var(--space-lg);margin-bottom:var(--space-md);background:var(--panel-bg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;white-space:pre-wrap;transition:all .2s ease}.draft-card:hover{box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a;border-color:var(--neutral-border)}.draft-card .draft-header{display:flex;justify-content:space-between;gap:var(--space-md);align-items:flex-start}.draft-card .draft-body{margin-top:var(--space-md)}.draft-card .draft-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.draft-card .draft-body textarea,.draft-card .draft-body textarea.mono{width:100%;max-width:100%;min-height:160px;resize:vertical}.status-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600}.badge-waiting-approval{background:#fff3cd;color:#856404}.badge-approved{background:#d1fae5;color:#065f46}.badge-posted{background:#dbeafe;color:#1e40af}.badge-posting{background:var(--warn-bg);color:var(--warn-text)}.draft-card.status-waiting-approval{border-left:3px solid var(--warn)}.draft-card.status-approved{border-left:3px solid var(--accent-2)}.draft-card.status-posted{border-left:3px solid var(--success)}.draft-card.status-posting{border-left:3px solid var(--warn-border)}.influencer-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px var(--space-lg);margin-bottom:var(--space-md);background:var(--panel-bg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.influencer-card a{color:var(--accent-2)}.list-header-row{background:var(--panel-bg);font-size:12px;color:var(--muted);font-weight:600}.list-row{border-bottom:1px solid var(--border);transition:background .2s ease}.list-row:hover{background:var(--panel-bg)}input[type=text],input[type=search],input[type=datetime-local],input[type=number],select,textarea{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:14px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}select{min-width:200px}textarea{min-height:80px}label{font-size:13px}.small{font-size:12px;color:var(--muted)}h2{font-size:18px;font-weight:700;margin-top:0;margin-bottom:var(--space-lg)}h3{font-size:15px;font-weight:700;margin-top:0}.page-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:var(--text);margin:0 0 var(--space-xl);padding-bottom:var(--space-md);border-bottom:none;display:flex;align-items:center;gap:12px;position:relative}.page-title:before{content:"";display:inline-block;width:4px;height:24px;background:var(--accent-2);border-radius:2px;flex-shrink:0}.page-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}@media(prefers-color-scheme:dark){:root{--bg: #060D1A;--panel-bg: #0C1828;--surface: #0F1E33;--surface-alt: #162438;--overlay: rgba(0, 0, 0, .7);--accent: #7ECEF4;--accent-2: #1B7FA8;--accent-hover: #9DDAF8;--text: #E8F4FD;--muted: #9DBDD0;--neutral: #9ca3af;--border: rgba(126, 206, 244, .12);--neutral-border: rgba(255, 255, 255, .1);--success: #10b981;--success-bg: rgba(16, 185, 129, .08);--success-border: rgba(16, 185, 129, .2);--success-text: #34d399;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .25);--danger-text: #f87171;--warn: #f59e0b;--warn-bg: rgba(245, 158, 11, .1);--warn-border: rgba(245, 158, 11, .25);--warn-text: #fbbf24;--info-bg: rgba(126, 206, 244, .06);--info-border: rgba(126, 206, 244, .2);--info-text: var(--accent)}body{background:var(--bg)}.app-root{color:var(--text)}.app-header{background:var(--panel-bg);border-bottom-color:var(--border)}.sidebar{background:var(--panel-bg);border-right-color:var(--border)}.panel,.draft-card,.influencer-card{background:var(--surface);border-color:var(--border);box-shadow:none}.mono{background:#ffffff05}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-primary{box-shadow:0 2px 8px #1b7fa833}.badge-waiting-approval{background:#fff3cd1f;color:#fbbf24}.badge-approved{background:#d1fae51a;color:#34d399}.badge-posted{background:#dbeafe1a;color:#60a5fa}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-md);max-width:100vw}.app-layout{margin-top:56px}.mobile-page-tabs{display:flex;gap:var(--space-xs);padding:10px var(--space-md);border-bottom:1px solid var(--border);background:var(--bg);margin-bottom:var(--space-md)}.mobile-page-tabs .tab-button{flex:1;text-align:center}}