:root{--brand-green: #0d9488;--bg-light: #f3f4f6;--text-main: #374151;--text-muted: #6b7280;--border: #e5e7eb;--danger: #e11d48;--ok: #0d9488}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,sans-serif;color:var(--text-main);background-image:url(https://sovetnik.spb.ru/consultant_zhk/static/fon_zhk.png);background-size:cover;background-position:center bottom;background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;z-index:-1}.center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.wrap{max-width:500px;margin:0 auto;padding:20px 12px}.admin{max-width:1100px}header{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 20px}.logo{height:40px;object-fit:contain}.card,.login{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:30px;margin-bottom:20px;position:relative;z-index:10}.login{width:min(92vw,400px);display:flex;flex-direction:column;gap:15px}h1,h2{text-align:center;color:var(--brand-green);margin-top:0;margin-bottom:20px;font-size:24px}label{display:block;font-weight:700;margin-bottom:5px;font-size:14px;color:var(--text-main)}input,select,textarea{width:100%;padding:12px;border:2px solid var(--border);border-radius:6px;font-size:16px;outline:none;background:#fff;color:var(--text-main)}input:focus,select:focus,textarea:focus{border-color:var(--brand-green)}.row{display:flex;gap:8px;align-items:center}.row input[type=date]{flex:1}button{background:var(--brand-green);color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;width:100%}button:hover{opacity:.9}button.ghost{background:#e5e7eb;color:var(--text-main);width:auto;padding:10px 15px}button:disabled{opacity:.5;cursor:not-allowed}.list{max-height:38vh;overflow:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.item{padding:10px 15px;border-radius:6px;background:#f9fafb;border-left:4px solid var(--brand-green);cursor:pointer;transition:.2s}.item.sel{background:#f0fdfa;border:1px solid var(--brand-green)}.item-title{font-weight:600;margin-bottom:4px}.muted{color:var(--text-muted)}.small{font-size:12px}.err{color:var(--danger);font-size:14px;margin-bottom:10px;text-align:center}.record{display:flex;flex-direction:column;gap:10px;align-items:stretch}button.rec{background:var(--danger)}button.stop{background:#fff;border:2px solid var(--danger);color:var(--danger)}.recstate{font-size:14px;text-align:center;font-weight:700;margin-top:10px}.recstate.done{color:var(--brand-green)}.recstate.recording{color:var(--danger);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.media{margin-top:20px;border-top:1px dashed var(--border);padding-top:15px}.wrap-btns{flex-wrap:wrap;gap:8px}.wrap-btns button{flex:1;min-width:120px}.att{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.warn{color:#d97706;margin-bottom:10px;background:#fef3c7;padding:10px;border-radius:6px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-muted);font-weight:700;background:#f9fafb;white-space:nowrap}td.nowrap,th{white-space:nowrap}td.comment{max-width:320px;white-space:pre-wrap}.center-cell{text-align:center;padding:20px}button.link{background:none;border:none;color:var(--brand-green);padding:0;font-size:14px;text-decoration:underline;cursor:pointer;width:auto;font-weight:400}.badge{font-size:12px;padding:4px 10px;border-radius:12px;background:#f3f4f6;border:1px solid var(--border);font-weight:700}.badge.posted{color:var(--brand-green);background:#f0fdfa;border-color:#ccfbf1}.badge.error{color:var(--danger);background:#fff1f2;border-color:#fecdd3}.badge.processing{color:#d97706;background:#fef3c7;border-color:#fde68a}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px;position:relative;z-index:10}@media (max-width: 768px){.login-wrapper{align-items:flex-start;padding-top:12vh}}.typing-cursor{display:inline-block;width:8px;height:16px;background-color:var(--brand-green);margin-left:4px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}