:root{--pink:#e94b87;--pink2:#ff86ae;--soft:#fff1f6;--ink:#3b2630;--muted:#8b707c;--line:#f1dce4;--white:#fff;--gold:#f6c75d;--dark:#5b3043}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fff9fb;color:var(--ink)}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,#fff,#fff4f8);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:6px 10px 26px}.brand b{display:block;font-size:18px}.brand small{color:var(--muted);font-size:11px}.ears{width:48px;height:48px;position:relative;background:var(--pink);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;z-index:1}.ears:before,.ears:after{content:"";position:absolute;width:22px;height:22px;background:var(--pink);border-radius:50%;top:-7px;z-index:-1}.ears:before{left:-2px}.ears:after{right:-2px}.ears span{font-size:12px}.nav{display:grid;gap:6px}.nav a{padding:12px 14px;border-radius:13px;color:#755967;font-weight:650;display:flex;gap:12px;align-items:center}.nav a:hover,.nav a.active{background:var(--pink);color:#fff;box-shadow:0 8px 18px #e94b8730}.sidebar-bottom{margin-top:auto}.mini-user{display:flex;gap:10px;align-items:center;padding:14px 10px;border-top:1px solid var(--line)}.mini-user small{display:block;color:var(--muted);font-size:11px}.avatar,.profile-dot{width:36px;height:36px;border-radius:50%;background:#ffd8e5;display:grid;place-items:center}.logout{display:block;padding:10px 12px;color:#a64a68;font-weight:700}.main{flex:1;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:15px 34px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:24px}.eyebrow{margin:0 0 2px;color:var(--pink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.top-actions{display:flex;gap:12px;align-items:center}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#7a5b67;background:#fff}.pill span{font-size:11px;background:var(--soft);padding:3px 7px;border-radius:8px;margin-left:7px}.profile-dot{background:var(--pink);color:#fff}.content{padding:28px 34px}.hero{background:linear-gradient(120deg,#fff0f6,#fff);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffdce9;right:-70px;top:-90px;opacity:.7}.hero h2{margin:0 0 8px;font-size:29px}.hero p{color:var(--muted);margin:0;max-width:650px}.mouse-note{font-size:62px;position:relative;z-index:2;margin-right:35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 6px 18px #6d31440b}.stat .ico{font-size:22px}.stat small{color:var(--muted);display:block;margin:8px 0}.stat strong{font-size:28px}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 18px #6d31440a}.card h3{margin:0 0 14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid #f5e8ed;text-align:left;font-size:13px;vertical-align:middle}.table th{color:#8b707c;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--soft);color:#b13d64}.badge.green{background:#e9fbf3;color:#19835b}.badge.yellow{background:#fff6d9;color:#9a7513}.badge.red{background:#ffe8ec;color:#b53b51}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;padding:9px 13px;font-weight:750;cursor:pointer;font-size:13px}.btn-primary{background:var(--pink);color:#fff}.btn-light{background:var(--soft);color:#9d3d5e}.btn-dark{background:var(--dark);color:#fff}.btn-danger{background:#ffe8ed;color:#b43752}.actions{display:flex;gap:7px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{margin:0;font-size:21px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.input,.select,.textarea{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--pink)}.toolbar .input{max-width:330px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.full{grid-column:1/-1}.cover{width:45px;height:58px;object-fit:cover;border-radius:7px;background:var(--soft)}.person{width:42px;height:42px;object-fit:cover;border-radius:50%;background:var(--soft)}.empty{text-align:center;color:var(--muted);padding:28px}.alert{margin:18px 34px 0;padding:12px 16px;border-radius:12px;background:#e9fbf3;color:#19764f;border:1px solid #ccefe0}.alert.error{background:#ffe9ed;color:#a73a51;border-color:#f7cbd4}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#ffd6e5,transparent 30%),#fff5f8}.login-box{width:min(430px,92vw);background:#fff;border:1px solid var(--line);border-radius:25px;padding:32px;box-shadow:0 25px 70px #7d29471c;text-align:center}.login-box .ears{margin:0 auto 16px}.login-box h1{margin:0 0 6px}.login-box p{color:var(--muted);font-size:13px}.login-box form{text-align:left;margin-top:22px}.login-box .btn{width:100%;margin-top:12px}.login-help{background:var(--soft);padding:10px;border-radius:10px;margin-top:15px;font-size:12px}.cover-lg{width:120px;height:155px;object-fit:cover;border-radius:12px;background:var(--soft)}.profile-card{display:flex;gap:18px;align-items:center}.print-area{background:#fff}.print-card{border:2px solid var(--pink);border-radius:15px;padding:18px;width:360px}.print-card .brandline{display:flex;gap:8px;align-items:center;color:var(--pink);font-weight:900}.label-sheet{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.book-label{border:1px dashed #d6a2b5;padding:14px;text-align:center;border-radius:10px}.book-label svg,.barcode-box svg{max-width:100%;height:auto}.login-bg{position:fixed;inset:0;pointer-events:none}.tiny{font-size:11px;color:var(--muted)}@media(max-width:950px){.sidebar{width:76px;padding:15px 10px}.brand>div:last-child,.nav span,.mini-user>div:last-child,.logout{display:none}.brand{padding:5px 4px 20px}.nav a{justify-content:center}.topbar{padding:14px 20px}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:600px){.stats,.form-grid{grid-template-columns:1fr}.top-actions .pill{display:none}.topbar{height:auto}.hero{padding:20px}.mouse-note{display:none}.content{padding:15px}.label-sheet{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.no-print,.alert{display:none!important}.main{width:100%}.content{padding:0}.card{box-shadow:none;border:0}.print-area{display:block}}