@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg: #111111;--bg-card: #1a1a1a;--bg-card-hover: #212121;--bg-input: #222222;--border: #2a2a2a;--accent: #e2ff5d;--accent-dim: rgba(226, 255, 93, .12);--text: #f0f0f0;--text-muted: #777;--text-dim: #999;--red: #ff5d5d;--red-dim: rgba(255, 93, 93, .12);--green: #5dff8f;--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;color:var(--text);min-height:100vh}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:380px}.login-card .logo{font-size:28px;font-weight:700;color:var(--accent);letter-spacing:-.5px;margin-bottom:4px}.login-card .tagline{color:var(--text-muted);font-size:14px;margin-bottom:28px}.login-card form{display:flex;flex-direction:column;gap:12px}input,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px;width:100%;transition:border-color .15s;outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}button{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);padding:10px 18px;transition:opacity .15s,transform .1s}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active{transform:scale(.97)}.btn-primary,form button[type=submit]{background:var(--accent);color:#111}.btn-primary:not(:disabled):hover,form button[type=submit]:not(:disabled):hover{opacity:.88}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-danger{background:var(--red);color:#111}.btn-danger-outline{background:transparent;border:1px solid var(--red);color:var(--red)}.btn-danger-outline:hover{background:var(--red-dim)}.toggle-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:400;margin-top:12px;padding:0;text-align:center;width:100%}.toggle-btn:hover{text-decoration:underline}.error{color:var(--red);font-size:13px}.dashboard{max-width:900px;margin:0 auto;padding:24px 20px 60px}.dashboard-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.dashboard-header .logo{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px;margin-right:auto}.stats-bar{display:flex;gap:16px}.stat{display:flex;flex-direction:column;align-items:center;min-width:56px}.stat-num{font-size:22px;font-weight:700;line-height:1}.stat-num.failed{color:var(--red)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.header-actions{display:flex;gap:8px}.header-actions button:first-child{background:var(--accent);color:#111}.header-actions button:first-child:hover{opacity:.88}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:-1px;padding:8px 16px 10px;transition:color .15s,border-color .15s}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.tab:not(.active):hover{color:var(--text)}.tab:not(:disabled):active{transform:none}.posts-grid{display:grid;gap:12px}.empty{color:var(--text-muted);font-size:14px;padding:24px 0;text-align:center}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:background .15s,transform .15s}.post-card:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.post-card.sent{border-left:3px solid var(--green)}.post-card.failed{border-left:3px solid var(--red)}.post-message{font-size:15px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.countdown{background:var(--accent-dim);border-radius:4px;color:var(--accent);font-size:13px;font-weight:600;padding:2px 8px}.webhook{color:var(--text-muted);font-family:monospace;font-size:11px}.post-scheduled{color:var(--text-dim);font-size:13px;margin-bottom:10px}.post-actions{display:flex;gap:8px;align-items:center}.post-actions span{color:var(--text-muted);font-size:13px}.post-actions button{font-size:13px;padding:6px 12px}.status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-badge.sent{background:#5dff8f1f;color:var(--green)}.status-badge.failed{background:var(--red-dim);color:var(--red)}.sent-at{color:var(--text-muted);font-size:13px}.error-text{color:var(--red);font-size:12px;margin-top:6px;width:100%}.post-form-container{max-width:900px;margin:0 auto;padding:24px 20px;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width: 640px){.post-form-container{grid-template-columns:1fr}}.post-form{display:flex;flex-direction:column;gap:12px}.post-form h2{font-size:20px;font-weight:700;margin-bottom:4px}.post-form label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-actions{display:flex;gap:8px;margin-top:4px}.preview-panel h3{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.discord-preview{background:#36393f;border-radius:var(--radius-sm);display:flex;gap:12px;padding:14px 16px}.discord-avatar{background:#5865f2;border-radius:50%;flex-shrink:0;height:40px;width:40px}.discord-content{flex:1;min-width:0}.discord-header{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.discord-username{color:#fff;font-size:15px;font-weight:600}.discord-timestamp{color:#72767d;font-size:11px}.discord-message{color:#dcddde;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.discord-message .placeholder{color:#72767d;font-style:italic}