:root{--bg: #f4f6fb;--card: #ffffff;--primary: #00a8e8;--primary-dark: #0084b8;--text: #1c2733;--muted: #7a8794;--border: #e3e8ef;--danger: #e5484d;--in: #eef4fb;--out: #d9f2ff;--sidebar-bg: #10233a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar-bg);color:#cfe2f3;padding:20px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto;align-self:flex-start}.sidebar .logo{font-size:20px;font-weight:700;color:#fff;margin-bottom:22px;padding-left:8px}.sidebar a{color:#cfe2f3;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:14.5px}.sidebar a:hover{background:#ffffff14}.sidebar a.active{background:var(--primary);color:#fff;font-weight:600}.sidebar .spacer{flex:1}.content{flex:1;padding:28px 34px;max-width:1100px;min-width:0}.menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:60;width:44px;height:44px;border:none;border-radius:10px;background:var(--sidebar-bg);color:#fff;font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center}.menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}h1{font-size:24px;margin-bottom:6px}.subtitle{color:var(--muted);font-size:14px;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 3px #10233a0d;min-width:0}.btn{background:var(--primary);color:#fff;border:none;border-radius:9px;padding:11px 18px;font-size:14.5px;font-weight:600;cursor:pointer}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:#e7edf5;color:var(--text)}.btn.secondary:hover{background:#d7e1ee}.btn.danger{background:var(--danger)}input,select{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 13px;font-size:14.5px;background:#fff;color:var(--text)}input:focus{outline:2px solid var(--primary);border-color:transparent}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10233a,#17456e);padding:16px}.auth-card{width:380px;max-width:100%;background:#fff;border-radius:18px;padding:34px;box-shadow:0 18px 50px #00000040}.auth-card h1{text-align:center;margin-bottom:4px}.auth-card .subtitle{text-align:center;margin-bottom:10px}.auth-card .btn{width:100%;margin-top:20px}.error{color:var(--danger);font-size:13.5px;margin-top:12px}.hint{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}.hint a{color:var(--primary)}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.stat .value{font-size:28px;font-weight:700}.stat .label{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:560px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:#e0f5e9;color:#197a41}.badge.gray{background:#edf0f4;color:var(--muted)}.badge.blue{background:#e0f0fb;color:#1673b7}.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;height:70vh}.chat-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-item{border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff}.chat-item:hover{border-color:var(--primary)}.chat-item.selected{border-color:var(--primary);background:#f0f9ff}.chat-item .name{font-weight:600;font-size:14.5px}.chat-item .item{color:var(--muted);font-size:12.5px;margin-top:2px}.chat-item .unread{background:var(--primary);color:#fff;border-radius:999px;font-size:11px;padding:1px 8px;float:right}.back-btn{display:none}.chat-head{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border)}.messages{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:18px}.message{max-width:68%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45;word-break:break-word}.message.in{background:var(--in);align-self:flex-start}.message.out{background:var(--out);align-self:flex-end}.message .meta{font-size:11px;color:var(--muted);margin-top:4px}.send-form{display:flex;gap:10px;padding:14px;border-top:1px solid var(--border)}.send-form input{flex:1;min-width:0}@media (max-width: 1024px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:260px 1fr}}@media (max-width: 768px){.menu-toggle{display:flex}.layout{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;height:auto;transform:translate(-100%);transition:transform .25s ease;width:min(280px,82vw);box-shadow:0 0 40px #0000004d;z-index:50}.sidebar.open{transform:translate(0)}.menu-overlay.show{display:block}.content{padding:68px 14px 24px}h1{font-size:20px}.grid.cols-3{grid-template-columns:1fr}.sidebar a{min-height:44px;display:flex;align-items:center}.btn,.chat-item{min-height:44px}input,select{min-height:44px;font-size:16px}.chat-layout{grid-template-columns:1fr;height:calc(100vh - 150px)}.chat-layout.show-chat .chat-list{display:none}.chat-layout:not(.show-chat) .chat-panel{display:none}.back-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:-10px;border:none;background:transparent;font-size:20px;color:var(--text);cursor:pointer;border-radius:8px}.message{max-width:88%}.card{padding:14px}.auth-card{padding:24px 18px}}@media (max-width: 420px){.table-wrap table{min-width:480px}.send-form .btn{padding:11px 12px}}.autoreply-form .form-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.autoreply-form .form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.autoreply-form .form-field.grow{flex:1 1 240px}.autoreply-form .form-field.short input{max-width:140px}.autoreply-form .checkbox-field{flex-direction:row;align-items:center;gap:8px;min-height:44px}.days-picker{display:flex;gap:6px;flex-wrap:wrap}.day-chip{min-width:44px;min-height:44px;border:1px solid var(--border, #cbd5e1);border-radius:10px;background:#fff;color:inherit;font-size:14px;cursor:pointer}.day-chip.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.rules-list{display:grid;gap:12px}.rule-card{border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.rule-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.rule-keyword{font-weight:700;font-size:15px}.rule-reply{color:#475569}.rule-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#64748b}.btn.sm{min-height:36px;padding:4px 12px;font-size:13px;width:fit-content}.account-picker{padding:12px;margin-bottom:14px}.account-picker select{width:100%}@media (max-width: 768px){.autoreply-form .form-row{gap:10px}.autoreply-form .form-field.short input{max-width:none;width:100%}.schedule-row{flex-direction:column}.schedule-row .form-field,.schedule-row input[type=time]{width:100%}}.time-field{flex:1 1 100%}.time-pair{display:flex;gap:8px;align-items:center;width:100%;min-width:0}.time-select{flex:1 1 0;min-width:0}.time-select select{width:100%}.time-sep{color:#94a3b8}