:root{--bg:#fbf1e9;--paper:#fffdf9;--ink:#382e2b;--muted:#786d68;--pink:#e96d7b;--rose:#d85869;--line:#eadbd1;--green:#8daa49;--gold:#e9b85b;--shadow:0 10px 30px #65422a12}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.app{min-height:100vh;padding-bottom:86px}.top{height:72px;background:#fffaf6;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.brand{font-size:22px;font-weight:800}.brand em{font-family:cursive;color:var(--pink);font-weight:500}.bell{background:#fff;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:21px}.main{max-width:920px;margin:auto;padding:26px 24px}.title{font-size:38px;letter-spacing:-1px;margin:6px 0 8px}.sub{color:var(--muted);line-height:1.5;font-size:17px}.hero{border-radius:0 0 32px 32px;padding:34px;min-height:330px;background:linear-gradient(135deg,#f7d9b9,#dce6bd);position:relative;overflow:hidden}.hero h1{font-size:56px;margin:0 0 12px}.hero p{max-width:560px;font-size:21px;line-height:1.45;color:#5d514b}.dolls{position:absolute;right:28px;bottom:-5px;font-size:105px}.card{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:22px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.section{margin:28px 0}.stat .n{font-size:38px;font-weight:800;margin:5px 0}.muted{color:var(--muted)}.bar{height:10px;background:#eadfd8;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:var(--pink)}button{font:inherit;cursor:pointer}.btn{border:0;background:var(--pink);color:#fff;padding:13px 17px;border-radius:16px;font-weight:800}.btn.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.green{background:var(--green)}.btn.dark{background:#382e2b}.full{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{display:inline-block;background:#f3e4da;border-radius:99px;padding:7px 11px;margin:3px;color:#665a55;font-size:12px;font-weight:700}.list{display:flex;flex-direction:column;gap:12px}.row{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px}.item{display:flex;gap:13px;align-items:center}.emoji{font-size:29px}.grow{flex:1}.nav{height:84px;position:fixed;bottom:0;left:0;right:0;background:#fffdfb;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:30}.nav button{border:0;background:transparent;color:#766a65;flex:1;max-width:180px;font-size:12px}.nav b{display:block;font-size:23px;margin-bottom:4px}.nav .active{color:var(--rose);font-weight:800}.photo{height:180px;border-radius:21px;background:linear-gradient(135deg,#d7b08d,#718b83);display:flex;align-items:end;padding:17px;color:white;font-weight:800}.screen-photo{height:230px;border-radius:0 0 28px 28px;background:linear-gradient(135deg,#cfad91,#708d83);display:flex;align-items:end;padding:24px;color:#fff;font-weight:700}.tabs{display:flex;gap:8px;overflow:auto;margin:18px 0}.tabs button{white-space:nowrap;border:0;border-radius:99px;padding:10px 14px;background:#f0e2d9;color:#6c5f59}.tabs .on{background:var(--pink);color:#fff}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px;background:#fff;outline:0}.field{margin:12px 0}.field label{display:block;font-weight:700;margin-bottom:6px}textarea{min-height:100px}.timeline{border-left:3px solid #e7b0b8;margin-left:10px;padding-left:24px}.tl{position:relative;margin-bottom:25px}.tl:before{content:"";position:absolute;left:-32px;top:2px;width:13px;height:13px;background:var(--pink);border:4px solid var(--bg);border-radius:50%}.modalbg{position:fixed;inset:0;background:#30221d99;z-index:100;display:flex;align-items:flex-end}.modal{background:#fffaf5;width:min(680px,100%);max-height:90vh;overflow:auto;padding:24px;border-radius:28px 28px 0 0}.toast{position:fixed;top:88px;left:50%;transform:translateX(-50%);background:#382e2b;color:#fff;padding:12px 17px;border-radius:99px;z-index:200}.secret{background:linear-gradient(135deg,#35243e,#19131e);color:#fff}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{max-width:500px;width:100%;text-align:center}.loginbox .logo{font-size:44px;font-weight:900}.loginbox .logo em{color:var(--pink);font-family:cursive;font-weight:500}.notice{padding:13px 16px;border-radius:16px;background:#f8e7d9;color:#675850}.kpi{font-size:14px;color:var(--muted)}@media(max-width:650px){.main{padding:22px 30px}.grid{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.hero{padding:27px;min-height:320px}.hero h1{font-size:46px}.hero p{font-size:18px}.dolls{font-size:76px;right:5px}.title{font-size:32px}.brand{font-size:19px}}