:root{--bg: #000000;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .09);--border-bright: rgba(255, 255, 255, .18);--text: #f2f4f8;--text-dim: rgba(242, 244, 248, .55);--text-faint: rgba(242, 244, 248, .32);--accent: #7c8cff;--accent-glow: rgba(124, 140, 255, .35);--green: #3ddc97;--red: #ff5d73;--amber: #ffc555;--radius: 18px;font-family:Inter,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;z-index:0;border-radius:50%;filter:blur(120px);pointer-events:none}body:before{width:560px;height:560px;top:-180px;left:-120px;background:radial-gradient(circle,rgba(124,140,255,.22),transparent 70%)}body:after{width:640px;height:640px;bottom:-240px;right:-160px;background:radial-gradient(circle,rgba(61,220,151,.1),transparent 70%)}#root{position:relative;z-index:1}.shell{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;margin-bottom:22px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{font-weight:700;font-size:17px;letter-spacing:.02em}.brand em{color:var(--accent);font-style:normal}.prop-name{color:var(--text-dim);font-size:14px}.topbar .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--glass)}.pill .dot{width:9px;height:9px;border-radius:50%}.pill.ok{color:var(--green);border-color:#3ddc9759}.pill.ok .dot{background:var(--green);box-shadow:0 0 10px var(--green)}.pill.bad{color:var(--red);border-color:#ff5d7366}.pill.bad .dot{background:var(--red);box-shadow:0 0 10px var(--red);animation:pulse 1.2s infinite}.pill.unknown{color:var(--amber)}.pill.unknown .dot{background:var(--amber)}@keyframes pulse{50%{opacity:.4}}.logout{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;font-family:inherit}.logout:hover{color:var(--text);border-color:var(--border-bright)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;align-items:start}.card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff0f}.card h2{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px}.row{display:flex;gap:10px}input,select{width:100%;padding:11px 14px;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-family:inherit;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text-faint)}input[type=datetime-local]{color-scheme:dark}button.primary{padding:11px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#7c8cff,#5f6cf0);color:#fff;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px var(--accent-glow)}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.45;cursor:default;box-shadow:none}button.ghost{padding:6px 12px;border-radius:10px;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:12.5px;font-family:inherit;cursor:pointer}button.ghost:hover{color:var(--red);border-color:#ff5d7373}.list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:14px}.item .grow{flex:1}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.ext-badge{font-family:JetBrains Mono,monospace;font-weight:600;background:#7c8cff24;color:var(--accent);border-radius:8px;padding:3px 9px;font-size:13px}.dim{color:var(--text-dim);font-size:13px}.faint{color:var(--text-faint);font-size:12.5px}.tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.tag.pending{background:#ffc55524;color:var(--amber)}.tag.completed,.tag.sent,.tag.received,.tag.answered{background:#3ddc9721;color:var(--green)}.tag.cancelled,.tag.failed{background:#ff5d7321;color:var(--red)}.tag.queued{background:#7c8cff24;color:var(--accent)}.tag.neutral{background:#ffffff12;color:var(--text-dim)}.empty{color:var(--text-faint);font-size:13.5px;padding:12px 2px}.error-msg{color:var(--red);font-size:13px;margin-top:10px}.ok-msg{color:var(--green);font-size:13px;margin-top:10px}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:6px 8px;border-bottom:1px solid var(--border)}td{padding:8px;border-bottom:1px solid rgba(255,255,255,.04)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;padding:36px 32px;background:var(--glass);border:1px solid var(--border);border-radius:24px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 24px 80px #0009,inset 0 1px #ffffff12}.login-card h1{font-size:22px;margin:0 0 4px}.login-card p{color:var(--text-dim);font-size:14px;margin:0 0 24px}.login-card form{display:flex;flex-direction:column;gap:12px}.fax-tabs{display:flex;gap:6px;margin-bottom:12px}.fax-tabs button{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer}.fax-tabs button.active{background:#7c8cff26;border-color:#7c8cff66;color:var(--accent)}input[type=file]{padding:9px;font-size:13px}input[type=file]::file-selector-button{background:var(--glass-strong);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 12px;margin-right:10px;font-family:inherit;cursor:pointer}
