body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#171717;background:#fafafa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e5e5e5;flex-direction:column;padding:32px 24px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:40px;display:flex}.brand-icon{color:#fff;background:#171717;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.brand-name{letter-spacing:-.3px;font-size:15px;font-weight:600}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:#737373;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s}.nav-item:hover{color:#171717;background:#f5f5f5}.nav-item.active{color:#fff;background:#171717}.sidebar-footer{color:#a3a3a3;border-top:1px solid #e5e5e5;padding-top:16px;font-size:11px}.main{max-width:720px;padding:40px 48px}.page{display:none}.page.active{display:block}.page-title{letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.page-desc{color:#737373;margin-bottom:32px;font-size:14px}.auth-bar{gap:8px;margin-bottom:32px;display:flex;position:relative}.auth-bar input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex:1;padding:10px 40px 10px 14px;font-size:13px}.auth-bar input:focus{border-color:#171717;outline:none}.eye-btn{cursor:pointer;color:#a3a3a3;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:#52525b}.field{margin-bottom:20px}.field label{color:#737373;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field input,.field textarea{resize:vertical;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px}.field input:focus,.field textarea:focus{border-color:#171717;outline:none}.field textarea{min-height:120px}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.btn-dark{color:#fff;background:#171717}.btn-dark:hover{background:#27272a}.btn-dark:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#171717;background:#fff;border:1px solid #e5e5e5}.btn-outline:hover{background:#f5f5f5}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2}.status-list{margin-bottom:16px}.status-card{border:1px solid #e5e5e5;border-radius:8px;margin-bottom:12px;overflow:hidden}.status-card-header{background:#fafafa;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.status-card-body{padding:12px 16px}.status-comment{color:#52525b;white-space:pre-wrap;margin-bottom:12px;font-size:13px;line-height:1.5}.status-actions{gap:8px;display:flex}.edit-form{flex-direction:column;gap:8px;display:flex}.edit-textarea{resize:vertical;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;min-height:80px;padding:10px 14px;font-family:inherit;font-size:13px}.edit-textarea:focus{border-color:#171717;outline:none}.edit-actions{gap:8px;display:flex}.pill{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.pill-empty{color:#a3a3a3;background:#f5f5f5}.pill-queued{color:#92400e;background:#fef3c7}.pill-posted{color:#065f46;background:#d1fae5}.loading{text-align:center;color:#a3a3a3;padding:20px;font-size:13px}.test-output{color:#737373;margin-top:16px;font-size:13px}.toast{opacity:0;z-index:100;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{color:#fff;background:#171717}.toast.error{color:#fff;background:#dc2626}.comments-list{margin-bottom:16px}.comment-card{border:1px solid #e5e5e5;border-radius:8px;margin-bottom:12px;padding:12px 16px}.comment-date{color:#a3a3a3;margin-bottom:16px;font-size:11px}.comment-content{color:#52525b;white-space:pre-wrap;font-size:13px;line-height:1.5}