:root{--purple:#70518e;--deep:#49305f;--lav:#f2edf8;--pink:#f8e7f0;--ink:#332b3a;--muted:#766d7c;--line:#e8e0ed}
*{box-sizing:border-box}body{margin:0;background:#fbf9fd;color:var(--ink);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:10px max(4vw,18px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep)}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:11px}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{color:var(--deep);text-decoration:none;font-weight:600}.container{max-width:1180px;margin:28px auto;padding:0 18px;min-height:75vh}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;background:linear-gradient(120deg,#f5effb,#fff0f6);padding:34px;border-radius:24px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;color:var(--deep);margin:0 0 12px}.hero p{color:var(--muted);max-width:600px}.hero img{width:100%;max-height:300px;object-fit:contain}.btn,button{display:inline-block;background:var(--purple);color:#fff;border:0;padding:10px 16px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:600}.btn.secondary{background:var(--pink);color:var(--deep)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 18px #4c2b6010}.stat strong{font-size:30px;color:var(--purple);display:block}.stat span,.muted{color:var(--muted)}h1,h2,h3{color:var(--deep)}h1{font-size:28px}h2{font-size:21px}.layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.side{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;height:max-content}.side h3{margin:8px 10px}.side a{display:block;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink)}.side a:hover{background:var(--lav);color:var(--deep)}.content{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #dcd2e4;border-radius:9px;background:#fff;color:var(--ink);font:inherit}label{display:block;font-weight:600;margin:10px 0 5px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.formgrid .full{grid-column:1/-1}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:var(--lav);color:var(--deep)}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions a{color:var(--purple)}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px;background:#e9f7ee;color:#23613b}.alert.error{background:#fdecef;color:#8b2d42}.cover{width:48px;height:64px;object-fit:cover;border-radius:5px}.avatar{width:70px;height:85px;object-fit:cover;border-radius:8px;background:var(--pink)}.searchbar{display:flex;gap:8px}.searchbar input{flex:1}.badge{background:var(--pink);color:var(--deep);padding:3px 8px;border-radius:99px;font-size:12px}.member-card{width:340px;min-height:210px;background:linear-gradient(135deg,#fff,#fbeaf2);border:2px solid #e5c8dc;border-radius:16px;padding:15px;color:var(--deep);position:relative;overflow:hidden}.member-card .logo{width:45px;height:45px;object-fit:contain;float:left;margin-right:8px}.member-card .photo{width:88px;height:105px;object-fit:cover;border:3px solid #fff;border-radius:9px;float:right}.member-card h3{margin:4px 0}.member-card small{color:#806c87}.member-card .number{font-weight:bold;margin-top:12px}.member-card:after{content:"";position:absolute;width:150px;height:150px;border:18px solid #ead5e8;border-radius:50%;right:-70px;bottom:-80px;opacity:.5}footer{text-align:center;padding:22px;color:var(--muted);font-size:13px}.login{max-width:420px;margin:55px auto}.print-only{display:none}@media(max-width:760px){.hero,.layout{grid-template-columns:1fr}.hero img{max-height:200px}.formgrid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media print{.topbar,footer,.no-print,.side{display:none!important}.container{margin:0;padding:0}.print-only{display:block}.member-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.navgroup{border-top:1px solid var(--line);padding:8px 0;margin-top:7px}.navgroup b{display:block;color:var(--purple);padding:4px 10px;font-size:13px}.navgroup a{padding:6px 10px 6px 19px;font-size:13px}.cover-placeholder{width:54px;height:72px;border-radius:6px;background:var(--lav);color:var(--muted);font-size:10px;display:flex;align-items:center;text-align:center;padding:4px}