:root{--brown:#5b2f19;--brown2:#7a4320;--gold:#b88934;--ink:#201b18;--muted:#77716c;--line:#e7e1dc;--paper:#fffdfb;--soft:#f5f3f1;--green:#2f9c72;--blue:#4e78bd;--teal:#319f9b;--pink:#d94f89;--orange:#d88b2e;--violet:#7658b7;--red:#d95357;--shadow:0 7px 25px rgba(76,47,28,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f3f0ec;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.app{width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:radial-gradient(circle at 100% 0%,rgba(217,190,145,.18),transparent 24%),linear-gradient(#fff,#fbfaf8 55%,#f7f4ef);position:relative;padding-bottom:88px;overflow:hidden}.top{padding:14px 16px 8px;display:flex;align-items:center;gap:12px;justify-content:space-between}.brand{height:38px;width:auto;object-fit:contain}.top-title{flex:1}.top-title h1{margin:0;font-size:18px;letter-spacing:-.3px}.top-title p{margin:4px 0 0;font-size:10px;color:var(--muted)}.circle-btn{width:34px;height:34px;border:1px solid #e7ded5;border-radius:50%;background:#fff;color:var(--brown);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 9px rgba(0,0,0,.05);cursor:pointer}.circle-btn svg{width:17px;height:17px}.section{padding:0 15px}.head{display:flex;justify-content:space-between;align-items:center;margin:9px 0 8px}.head h2{margin:0;font-size:12px;text-transform:uppercase;color:#665247;letter-spacing:.3px}.head a{font-size:10px;color:#9b6b27;font-weight:700;text-decoration:none}.search{display:flex;align-items:center;gap:7px;background:#f5f6f6;border:1px solid #e9e9e7;border-radius:9px;padding:8px 10px;margin:8px 0}.search svg{width:15px;height:15px;color:#9a948e}.search input{border:0;outline:0;background:transparent;width:100%;font-size:10px}.tabs{display:flex;gap:6px;overflow:auto;padding:3px 0 8px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid #e4dfd9;background:#fff;border-radius:20px;padding:6px 10px;font-size:8px;white-space:nowrap;color:#6d6761}.tab.active{background:#e7f5ef;border-color:#cde8dc;color:#2f7d5d;font-weight:700}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{background:#fff;border:1px solid #e6e1dc;border-radius:13px;box-shadow:0 3px 12px rgba(70,50,30,.05);overflow:hidden}.card-body{padding:10px}.card-title{font-size:11px;font-weight:800;line-height:1.25}.small{font-size:8px;color:var(--muted);line-height:1.45}.muted{color:var(--muted)}.event-img{width:100%;height:102px;object-fit:cover;display:block}.event-card{position:relative;min-height:160px;border-radius:15px;overflow:hidden;background:#d9d2c7;box-shadow:var(--shadow);border:1px solid #e5ddd3}.event-card img{width:100%;height:160px;display:block;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,15,.82),rgba(20,18,15,.34) 58%,rgba(20,18,15,.03));padding:15px;color:#fff}.badge{display:inline-block;background:#fff1d6;color:#76501c;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700;text-transform:uppercase}.hero-title{margin:8px 0 4px;max-width:70%;font-size:16px;line-height:1.15;font-weight:800}.hero-meta{font-size:9px;line-height:1.55}.btn{border:0;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700;cursor:pointer}.btn-primary{background:#dff4ee;color:#246c53}.btn-brown{background:#fff;color:#6b4422}.btn-outline{background:#fff;border:1px solid #ddd5cd;color:#6a625b}.btn-full{width:100%;margin-top:8px}.iconbox{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.iconbox svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.green{color:#3a9b67;background:#e8f6ed}.orange{color:#d88b2e;background:#fff0dd}.teal{color:#319f9b;background:#e6f7f5}.blue{color:#4e78bd;background:#e9f0ff}.pink{color:#d94f89;background:#fde9f2}.gold{color:#b47a21;background:#fff4d9}.violet{color:#7658b7;background:#eee9fb}.red{color:#d95357;background:#fdeaea}.green2{color:#5d9a40;background:#edf6e7}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-item{min-height:69px;background:rgba(255,255,255,.92);border:1px solid #e9e4df;border-radius:11px;box-shadow:0 2px 9px rgba(72,50,33,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#4a433e}.quick-item span{font-size:9px;font-weight:700;margin-top:5px}.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:9px;padding:9px;background:#fff;border:1px solid #e8e3dd;border-radius:11px;box-shadow:0 2px 8px rgba(70,50,30,.04)}.avatar{width:35px;height:35px;border-radius:50%;background:#efe7de;display:flex;align-items:center;justify-content:center;color:#6a4326;font-weight:800;font-size:11px;flex:0 0 auto;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.row-main{min-width:0;flex:1}.row-title{font-size:10px;font-weight:800}.row-sub{font-size:8px;color:var(--muted);margin-top:2px}.row-action{font-size:8px;border:1px solid #dce9e3;color:#28725a;background:#eff8f4;border-radius:7px;padding:5px 7px}.statstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.stat{background:#faf8f5;border:1px solid #eee9e3;border-radius:10px;text-align:center;padding:9px 4px}.stat strong{display:block;font-size:15px;color:#65401f}.stat span{font-size:8px;color:#88817a}.category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;background:#fff;border:1px solid #e8e3dd;border-radius:11px;font-size:8px;font-weight:700;color:#5e5751}.category .iconbox{width:31px;height:31px}.banner{background:linear-gradient(135deg,#d9efff,#edf7ff);border:1px solid #cfe5f5;border-radius:12px;padding:12px;margin:8px 0}.banner h3{margin:0;font-size:12px;color:#174a73}.banner p{margin:4px 0 0;font-size:8px;color:#587080}.profile-card{padding:16px;background:linear-gradient(135deg,#fff,#f4eee8);border:1px solid #e7ddd3;border-radius:15px;text-align:center}.profile-big{width:72px;height:72px;border-radius:50%;margin:0 auto 8px;background:#d9c4b1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;border:4px solid #fff;box-shadow:0 4px 16px rgba(70,40,20,.12)}.profile-name{font-size:15px;font-weight:800}.profile-role{font-size:9px;color:var(--muted);margin-top:3px}.menu{margin-top:10px}.menu .row{padding:11px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;height:74px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e6e1dc;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 20px rgba(60,40,25,.07);backdrop-filter:blur(10px)}.nav-item{text-decoration:none;color:#77716c;font-size:8px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-item svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.nav-item.active{color:#6b3e20}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);background:#2b211a;color:#fff;padding:10px 14px;border-radius:9px;font-size:10px;opacity:0;pointer-events:none;transition:.25s;z-index:30;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.footer-note{text-align:center;font-size:8px;color:#938b84;padding:15px 0 5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.progress{height:7px;border-radius:9px;background:#ece8e3;overflow:hidden}.progress i{display:block;height:100%;background:#70ad8f}.notice{padding:9px 10px;background:#fff7e8;border:1px solid #f1dfbc;border-radius:10px;font-size:8px;color:#7d5d2b}.empty{padding:24px;text-align:center;color:#8b847e;font-size:9px;background:#fff;border:1px dashed #ddd5cd;border-radius:12px}@media(min-width:700px){body{padding:24px 0}.app{border-radius:28px;box-shadow:0 18px 60px rgba(50,30,15,.16);min-height:860px}.bottom-nav{position:absolute;border-radius:0 0 28px 28px}}