:root{--teal:#6b4a9e;--teal-d:#54397f;--sun:#f08a24;--bg:#f6f8f7;--card:#fff;--ink:#1f2937;--mute:#6b7280;--line:#e5e7eb;--bad:#dc2626;--ok:#16a34a;--r:14px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--teal)}
h1{font-size:1.5rem;margin:.2em 0 .6em}h2{font-size:1.15rem;margin:1.2em 0 .5em}h3{font-size:1rem;margin:.2em 0}
.top{display:flex;justify-content:space-between;align-items:center;padding:.35rem 1rem;background:#fff;color:var(--ink);position:sticky;top:0;z-index:5;border-bottom:4px solid;border-image:linear-gradient(90deg,#e0407f,#f08a24,#5ba936,#2f6fb6,#6b4a9e) 1}
.top a{color:var(--teal)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;text-decoration:none}.brand img{height:42px;width:auto;display:block}.logo-big{display:block;margin:0 auto .5rem;max-width:230px;width:70%}.who{font-size:.9rem}.who small{opacity:.8}
.shell{display:flex;min-height:calc(100vh - 52px)}
.side{width:200px;background:#fff;border-right:1px solid var(--line);padding:.6rem;flex-shrink:0}
.side a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;text-decoration:none;color:var(--ink);margin-bottom:2px;position:relative}
.side a.on{background:#ede7f6;color:var(--teal-d);font-weight:600}.side a:hover{background:#f5f0fb}
.badge{background:var(--bad);color:#fff;border-radius:99px;font-size:.72rem;padding:0 .45rem;margin-left:auto}
main{flex:1;padding:1rem 1.2rem 5rem;max-width:1100px;min-width:0}
main.solo{max-width:420px;margin:6vh auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin-bottom:1rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.stats{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:1rem}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem}.stat b{display:block;font-size:1.7rem;color:var(--teal)}.stat span{color:var(--mute);font-size:.85rem}
.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.sp{margin-left:auto}
.muted{color:var(--mute)}.small{font-size:.85rem}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
th,td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f9fafb;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--mute)}
tr:last-child td{border-bottom:0}.tw{overflow-x:auto}
label{display:block;font-size:.85rem;font-weight:600;margin:.7rem 0 .2rem}
input,select,textarea{width:100%;padding:.6rem .7rem;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}
input[type=checkbox],input[type=radio]{width:auto}
textarea{min-height:80px}
.btn,button{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:.6rem 1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover,button:hover{background:var(--teal-d)}.btn.alt{background:#fff;color:var(--teal);border:1px solid var(--teal)}
.btn.sun{background:var(--sun);color:#422006}.btn.bad{background:var(--bad)}.btn.sm,button.sm{padding:.3rem .65rem;font-size:.85rem}
.f2{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.flash{padding:.7rem 1rem;border-radius:10px;margin-bottom:1rem}.flash.ok{background:#dcfce7;color:#14532d}.flash.err{background:#fee2e2;color:#7f1d1d}
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fde68a;color:#78350f;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.av.lg{width:84px;height:84px;font-size:2rem}.av.sm{width:30px;height:30px;font-size:.85rem}
.pill{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.78rem;font-weight:600;background:#e5e7eb}
.pill.ok{background:#dcfce7;color:#166534}.pill.warn{background:#fef3c7;color:#92400e}.pill.bad{background:#fee2e2;color:#991b1b}.pill.in{background:#dbeafe;color:#1e40af}
.alert{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:10px;padding:.4rem .7rem;font-size:.85rem;margin-top:.4rem}
.tl{list-style:none;margin:0;padding:0}.tl li{display:flex;gap:.7rem;padding:.5rem 0;border-bottom:1px dashed var(--line)}.tl li:last-child{border:0}
.tl .t{width:70px;color:var(--mute);font-size:.85rem;flex-shrink:0}
.photo{width:100%;border-radius:var(--r) var(--r) 0 0;display:block;max-height:420px;object-fit:cover}
.post{padding:0;overflow:hidden}.post .pb{padding:.8rem 1rem}
.chat{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.bub{max-width:80%;padding:.55rem .8rem;border-radius:14px;background:#fff;border:1px solid var(--line)}
.bub.me{align-self:flex-end;background:#ede7f6;border-color:#d9cdf0}.bub small{display:block;color:var(--mute);font-size:.72rem}
.qa{display:flex;gap:.5rem;flex-wrap:wrap}.qa a{flex:1;min-width:110px;text-align:center}
.moods label{display:inline-block;margin:.2rem .3rem .2rem 0;font-weight:500}
@media(max-width:760px){
  .shell{flex-direction:column}
  .side{position:fixed;bottom:0;left:0;right:0;width:auto;display:flex;overflow-x:auto;border-top:1px solid var(--line);border-right:0;z-index:6;padding:.3rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom))}
  .side a{flex-direction:column;gap:0;font-size:.68rem;padding:.3rem .6rem;min-width:62px;text-align:center;margin:0}.side .ico{font-size:1.3rem}
  .badge{position:absolute;top:0;right:6px;margin:0}
  main{padding:.8rem .8rem 5.5rem}.who small{display:none}
}
@media print{.top,.side,.noprint{display:none!important}main{padding:0;max-width:none}.card{border:0}}