:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#dcfce7,#f8fafc 45%,#e7f8ef)}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:stretch}.auth-hero{background:linear-gradient(135deg,#14532d,#166534);color:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 45px #14532d33}.auth-hero h1{margin:10px 0;font-size:2rem}.auth-hero p{margin:0;line-height:1.55;color:#dcfce7}.pill{display:inline-block;border:1px solid rgba(220,252,231,.7);border-radius:999px;padding:4px 12px;font-size:.8rem;color:#dcfce7}.brand-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.brand-head.compact{margin-bottom:0}.brand-logo{width:auto;height:52px;max-width:180px;object-fit:contain;border-radius:0;background:transparent;padding:0}.brand-logo.small{width:auto;height:34px;max-width:120px;padding:0}.auth-card{display:grid;gap:10px;align-content:center;border-radius:18px;padding:24px}.password-field,.captcha-row{display:grid;grid-template-columns:1fr auto;gap:8px}.toggle-password{white-space:nowrap;min-width:78px}.page-wrap{padding:18px}.container{max-width:1200px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.heading p{margin:4px 0 0}.tab-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab-btn{background:#334155}.tab-btn.active{background:#15803d}.card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px #0f172a0d}.grid-form{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form>:nth-child(5),.grid-form>:nth-child(6),.grid-form>:nth-child(7),.grid-form>:nth-child(8),.grid-form>:nth-child(9){grid-column:1 / -1}input,select,button{font:inherit;border-radius:8px;border:1px solid #d1d5db;padding:10px 12px}button{background:#166534;color:#fff;border:none;cursor:pointer;transition:transform .12s ease,background .12s ease}button:hover{transform:translateY(-1px);background:#14532d}button:disabled{opacity:.7}.check{display:flex;align-items:center;gap:8px}table{width:100%;border-collapse:collapse;min-width:860px}th,td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left;vertical-align:top}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;max-width:380px}.error{color:#b91c1c}.ok{color:#166534}.muted{color:#475569;margin-top:0}.small{font-size:.85rem;margin:0}.table-wrap{overflow-x:auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.th-sort{background:transparent;color:#0f172a;border:none;padding:0;font-weight:600;cursor:pointer}.th-sort:hover{transform:none;background:transparent;color:#15803d}.mini-input{width:100%;font-size:.85rem;padding:7px 9px}.clear-btn{width:100%;background:#3f3f46}.pagination-wrap{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;gap:8px}.page-size{width:auto;min-width:76px;margin-left:8px}.iframe-wrap{background:#fff;border-radius:14px;border:1px solid #e5e7eb;min-height:calc(100vh - 120px);overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.iframe-wrap iframe{width:100%;height:calc(100vh - 120px);border:0}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{padding:22px}.password-field,.captcha-row,.grid-form{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.tab-row{width:100%}.pagination-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.iframe-wrap{min-height:72vh}.iframe-wrap iframe{height:72vh}}