@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7fb}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:11px 18px;color:#fff;background:#2563eb;cursor:pointer;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 14px #2563eb26}button:disabled{opacity:.5;cursor:not-allowed}.auth-card{width:min(420px,calc(100% - 32px));margin:12vh auto;padding:42px;background:#fff;border:1px solid #e8edf5;border-radius:20px;box-shadow:0 20px 60px #17203312}.auth-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);font-weight:700}.auth-card h1{margin:0;font-size:25px;letter-spacing:-.5px}.auth-subtitle{margin:8px 0 28px;color:#7b879b}form{display:grid;gap:17px}label{display:grid;gap:8px;color:#344054;font-size:14px;font-weight:600}input,select{width:100%;min-height:44px;padding:10px 13px;color:#172033;background:#fff;border:1px solid #d9e0eb;border-radius:9px;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a2acbc}input:focus,select:focus{border-color:#5b8def;box-shadow:0 0 0 3px #2563eb18}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:74px;padding:0 5%;background:#fff;border-bottom:1px solid #e8edf5}.topbar-left,.topbar-right,.brand,.primary-nav,.admin-chip{display:flex;align-items:center}.topbar-left{min-width:0;gap:clamp(24px,5vw,72px)}.brand{flex:0 0 auto;gap:10px;color:#172033;text-decoration:none}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.2px}.brand small{margin-top:2px;color:#98a2b3;font-size:10px}.primary-nav{align-self:stretch;gap:6px}.primary-nav a{position:relative;display:flex;align-items:center;padding:4px 13px;color:#667085;text-decoration:none;font-size:14px;font-weight:600}.primary-nav a:hover,.primary-nav a.active{color:#2563eb}.primary-nav a.active:after{position:absolute;right:13px;bottom:0;left:13px;height:3px;border-radius:3px 3px 0 0;background:#2563eb;content:""}.topbar-right{gap:18px}.admin-chip{gap:7px;color:#667085;font-size:13px;font-weight:600}.online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1c}.logout-button{padding:8px 0;color:#667085;background:transparent;font-size:13px}.logout-button:hover:not(:disabled){color:#dc2626;background:transparent;box-shadow:none}.content{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:42px 0 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{display:block;margin-bottom:8px;color:#2563eb;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.page-header h1{margin:0;color:#172033;font-size:clamp(25px,3vw,32px);letter-spacing:-.8px}.page-header p{margin:8px 0 0;color:#8290a5;font-size:14px}.panel,.table-panel,.text-panel,.result-grid section{background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 8px 30px #17203308}.form-panel{padding:26px}.form-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.wide-field{min-width:0}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.helper-text,.muted{color:#98a2b3;font-size:13px}.primary-action{background:#2563eb;white-space:nowrap}.status-row{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:24px;padding-bottom:18px;color:#667085;border-bottom:1px solid #edf0f5;font-size:13px}.status-row b{margin-left:5px;color:#667085;font-weight:600}.status-row .status-ok{color:#16a34a}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.result-grid section{min-height:180px;padding:22px}.result-grid h3,.text-panel h3{margin:0 0 17px;font-size:16px}.result-grid section>p{margin:0;line-height:1.7}.placeholder{display:grid;place-items:center;min-height:100px;color:#98a2b3;background:#f8fafc;border:1px dashed #d8e0eb;border-radius:9px;font-size:13px}.media-list{display:grid;gap:10px}.media-list img,.media-list video{width:100%;max-height:240px;border-radius:8px;object-fit:contain}.image-groups{display:grid;gap:16px}.image-group h4{margin:0 0 8px;color:#475467;font-size:13px}.group-placeholder{padding:14px;color:#98a2b3;background:#f8fafc;border:1px dashed #d8e0eb;border-radius:8px;text-align:center;font-size:12px}.text-panel{margin-top:18px;padding:22px}.text-list{display:grid;gap:10px}.text-list article{padding:14px;background:#f8fafc;border-radius:9px}.text-list strong{color:#344054;font-size:13px}.text-list p{margin:6px 0 0;color:#667085;white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:13px}.raw-response-panel{margin-top:18px}.raw-response-section+.raw-response-section{margin-top:18px}.raw-response-section h4{margin:0 0 8px;color:#475467;font-size:13px}.raw-response{max-height:720px;margin:0;padding:16px;overflow:auto;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.html-preview{display:block;width:100%;height:720px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.records-filter{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px;padding:18px 22px;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 8px 30px #17203308}.records-filter label{flex:1;min-width:220px}.filter-actions{display:flex;gap:9px}.table-panel{padding:4px 22px 20px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;min-width:800px;border-collapse:collapse}th,td{padding:16px 12px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top;font-size:13px}th{color:#8290a5;background:#fbfcfe;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}.break-text{max-width:360px;word-break:break-word}.strong-cell{color:#344054;font-weight:600}.date-cell{color:#2563eb}.count-badge{display:inline-grid;place-items:center;min-width:28px;height:25px;padding:0 8px;color:#2563eb;background:#eff6ff;border-radius:999px;font-weight:700}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.success-pill{color:#15803d;background:#f0fdf4}.failed-pill{color:#b45309;background:#fff7ed}.empty-cell{padding:56px 20px;color:#98a2b3;text-align:center}.notice-bar{margin:-10px 0 18px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;color:#8290a5;font-size:13px}.pagination>div{display:flex;gap:8px}.pagination button{padding:7px 12px;color:#475467;background:#fff;border:1px solid #d9e0eb;font-size:12px}.pagination button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#93c5fd;box-shadow:none}.pagination button:disabled{color:#c0c7d2;background:#f8fafc}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#17203366;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(460px,100%);padding:26px;background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 24px 80px #17203330;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.modal-header h2{margin:0;font-size:22px}.modal-header p{margin:6px 0 0;color:#8290a5;font-size:13px}.icon-button{display:grid;place-items:center;width:32px;height:32px;padding:0;color:#667085;background:#f5f7fb;border-radius:50%;font-size:22px;line-height:1}.icon-button:hover:not(:disabled){color:#172033;background:#e8edf5;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.secondary-button{color:#475467;background:#fff;border:1px solid #d9e0eb}.secondary-button:hover:not(:disabled){color:#172033;background:#f8fafc;box-shadow:none}.loading-state{padding:80px;color:#8290a5;text-align:center}.error{color:#dc2626;font-size:13px}.success{color:#16a34a;font-size:13px}@media (max-width: 900px){.topbar{align-items:flex-start;padding:16px 24px}.topbar-left{align-items:flex-start;flex-direction:column;gap:12px}.primary-nav{align-self:auto;flex-wrap:wrap}.topbar-right{margin-top:7px}.content{width:min(100% - 40px,760px);padding-top:30px}.form-grid,.result-grid{grid-template-columns:1fr}}@media (max-width: 600px){.auth-card{padding:30px 24px}.topbar{display:block}.topbar-right{justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f5}.primary-nav{gap:2px}.primary-nav a{padding:7px 9px;font-size:12px}.primary-nav a.active:after{right:9px;left:9px}.content{width:calc(100% - 28px);padding-top:24px}.page-header{align-items:flex-start;flex-direction:column}.form-panel{padding:18px}.form-actions,.records-filter,.pagination{align-items:stretch;flex-direction:column}.records-filter{padding:18px}.records-filter label{min-width:0}.filter-actions{width:100%}.filter-actions button{flex:1}.pagination>div{width:100%}.pagination button{flex:1}.modal{padding:22px}}.pagination-summary{white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:6px}.page-size-label{display:flex;align-items:center;grid-template-columns:none;gap:6px;margin-right:8px;color:#8290a5;font-size:12px;font-weight:500;white-space:nowrap}.page-size-label select{min-height:32px;width:auto;padding:5px 26px 5px 8px;border-radius:7px;color:#475467;font-size:12px}.page-button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;color:#475467;background:#fff;border:1px solid #d9e0eb;border-radius:7px;font-size:12px}.page-button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#93c5fd;box-shadow:none}.page-button.current{color:#fff;background:#2563eb;border-color:#2563eb}.page-button:disabled{color:#c0c7d2;background:#f8fafc}.page-ellipsis{display:grid;place-items:center;min-width:20px;height:32px;color:#98a2b3}.table-loading{padding:9px 0;color:#2563eb;font-size:12px}@media (max-width: 600px){.pagination-controls{width:100%;flex-wrap:wrap}.pagination-summary{white-space:normal}.page-size-label{margin-right:auto}}