
:root{--bg:#08080a;--card:#151519;--muted:#aaa;--text:#fff;--red:#b20f3a;--red2:#e3314d;--line:#292930;--ok:#24c06a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#2a0812,#08080a 45%);color:var(--text)}.app{max-width:980px;margin:auto;min-height:100vh}.hero{padding:22px 16px 12px}.top{display:flex;gap:16px;align-items:center}.top img{width:104px;height:104px;object-fit:cover;border-radius:28px;background:white;box-shadow:0 12px 40px #0008}.eyebrow{color:var(--red2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px}h1{font-size:40px;line-height:.95;margin:0}p{color:var(--muted)}.notice{margin-top:14px;background:#2a1b08;border:1px solid #ffb02055;color:#ffe6b0;border-radius:18px;padding:11px;font-size:13px}.notice.small{margin:0 0 10px}.member{margin-top:12px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;padding:12px}.member label{display:block;color:#ddd;font-size:13px;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--line);background:#0f0f13;color:#fff;border-radius:14px;padding:13px;font-size:16px}textarea{min-height:90px}.branches{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px 10px}.branches button,.tabs button,.form button,.chatForm button,.vote button{border:0;border-radius:14px;background:#202027;color:#fff;padding:12px 10px;font-weight:800}.branches button.active,.tabs button.active,.form button,.chatForm button{background:linear-gradient(135deg,var(--red),#7a0927)}.tabs{position:sticky;top:0;z-index:5;background:#08080af2;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;border-bottom:1px solid #ffffff12}main{padding:14px}.panel{display:none}.panel.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:end;margin:4px 2px 12px}h2,h3{margin:0}.cards{display:grid;gap:12px}.card{background:linear-gradient(180deg,#18181e,#111115);border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:0 12px 30px #0004}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 10px;background:#ffffff12;color:#ddd;font-size:13px}.pill.red{background:#b20f3a33;color:#ffced8}.attendance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.attendance button{border:1px solid #ffffff18;background:#111;border-radius:14px;color:white;padding:11px;font-weight:800}.attendance button.yes{border-color:#24c06a88}.attendance button.no{border-color:#e3314d88}.form{display:grid;gap:10px}.pollOpt{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px}.pollOpt button{background:#231017;border:1px solid #b20f3a55}.bar{height:7px;background:#ffffff14;border-radius:9px;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--red2))}.chatBox{height:54vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.msg{max-width:86%;background:#17171d;border:1px solid #ffffff12;border-radius:18px;padding:10px 12px}.msg b{color:#ffccd5}.msg time{display:block;color:#777;font-size:11px;margin-top:4px}.chatForm{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:8px;background:#08080af2;padding:10px 0}.empty{color:#888;text-align:center;padding:30px}.legal{display:flex;gap:14px;justify-content:center;padding:20px}.legal a{color:#ffccd5}@media(min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}.branches{grid-template-columns:repeat(4,1fr)}.top img{width:130px;height:130px}h1{font-size:56px}}

.miniAction{border:0;border-radius:14px;background:linear-gradient(135deg,var(--red),#7a0927);color:#fff;padding:10px 14px;font-weight:900}.pollCard{overflow:hidden}.pollVote{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:9px;padding:13px;border:1px solid #ffffff18;border-radius:16px;background:#101014;color:#fff;text-align:left;overflow:hidden}.pollVote span,.pollVote strong{position:relative;z-index:1}.pollVote em{display:block;color:#aaa;font-style:normal;font-size:12px;margin-top:3px}.pollVote i{position:absolute;left:0;bottom:0;top:0;background:linear-gradient(90deg,#b20f3a66,#e3314d33);z-index:0}.modal{position:fixed;inset:0;background:#000b;z-index:20;display:none;align-items:flex-end}.modal.open{display:flex}.sheet{width:100%;max-width:680px;margin:0 auto;background:#111116;border:1px solid #ffffff12;border-radius:24px 24px 0 0;padding:18px 16px 24px;min-height:88vh;box-shadow:0 -20px 60px #000}.sheetHead{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:16px}.sheetHead h2{text-align:center}.close{width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:42px;line-height:1}.questionBox{min-height:112px;background:#25252e;border-color:#343440;font-size:20px;border-radius:14px}.caption{margin:28px 0 10px;text-transform:uppercase;letter-spacing:.08em;color:#ddd;font-size:12px;font-weight:900}.optionList{background:#25252e;border-radius:14px;overflow:hidden}.optionRow{display:grid;grid-template-columns:1fr 48px;border-bottom:1px solid #343440}.optionRow input{border:0;background:transparent;border-radius:0;font-size:19px}.optionRow button{border:0;background:transparent;color:#aaa;font-size:24px}.addOption{width:100%;display:flex;gap:12px;align-items:center;border:0;background:#25252e;color:#168bff;font-size:18px;padding:16px;border-radius:0 0 14px 14px}.addOption b{font-size:32px;font-weight:300}.hint{margin:12px 0 0;color:#ddd}.toggleRow{height:88px;border-radius:14px;background:#25252e;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:21px;font-weight:800}.toggleRow input{display:none}.toggleRow i{width:70px;height:40px;border-radius:999px;background:#3a3a42;position:relative;transition:.2s}.toggleRow i:before{content:"";position:absolute;width:34px;height:34px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggleRow input:checked+i{background:#168bff}.toggleRow input:checked+i:before{left:33px}.createBig{position:fixed;left:16px;right:16px;bottom:18px;max-width:648px;margin:auto;border:0;border-radius:18px;background:#168bff;color:#fff;font-size:22px;padding:20px;font-weight:800}@media(min-width:720px){.modal{align-items:center}.sheet{border-radius:24px;min-height:auto;padding-bottom:90px}.createBig{position:static;width:100%;max-width:none;margin-top:80px}}
