@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f2;--ink:#24332c;--muted:#7e8880;--line:#e7e8e1;--green:#2c5b49;--cream:#efece2;--shadow:0 18px 45px rgba(40,55,40,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:none;background:#f2f3ed;border-right:1px solid #e8e9e2;padding:35px 20px 26px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-1px;display:flex;align-items:center;gap:10px;margin:0 7px 69px}.brand-light{font-weight:500}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;font-weight:700;color:#91a098;margin-top:3px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#315c49;color:white;font-size:28px;font-weight:400;line-height:1}.side-label,.overline,.eyebrow,.card-index{font-size:10px;letter-spacing:2px;font-weight:700}.side-label{color:#99a39a;margin:0 14px 17px}.nav{display:grid;gap:7px}.nav-link{border:0;background:transparent;color:#79877d;text-align:left;border-radius:11px;padding:14px;font-weight:600;display:flex;align-items:center;gap:13px;width:100%}.nav-link.active,.nav-link:hover{background:#dfe8dc;color:#2d5b48}.nav-icon{font-size:20px;width:22px;text-align:center;font-weight:400}.sidebar-bottom{margin-top:auto;border-top:1px solid #dfe4dc;padding:30px 12px 0}.side-spark{font-size:23px;color:#6d9677}.sidebar-bottom p{font-family:Manrope,sans-serif;font-weight:700;line-height:1.5;margin:10px 0}.sidebar-bottom>span:last-child{color:#93a096;font-size:12px;line-height:1.6;display:block}.main{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:flex-end}.topbar-right{display:flex;align-items:center;gap:10px;color:#748278;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#77aa73}.avatar{border:0;background:#e0e8dc;border-radius:50%;height:34px;width:34px;margin-left:17px;color:var(--green);font-size:11px;font-weight:800}.mobile-brand{display:none}.content{max-width:1300px;margin:auto;padding:62px clamp(24px,5vw,78px) 100px}.eyebrow{color:#8da191;display:flex;align-items:center;gap:11px}.eyebrow-line{width:23px;height:1px;background:#7c9a7e}.hero{display:flex;justify-content:space-between;align-items:center;min-height:214px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(39px,4.7vw,66px);line-height:1.15;letter-spacing:-3px;margin:19px 0 12px;font-weight:800}.hero h1 em{font-style:normal;color:#83a78a}.hero p{color:#8b938c;font-size:15px;margin:0;line-height:1.7}.hero-art{width:233px;height:182px;position:relative;flex:none}.art-circle{width:180px;height:180px;border-radius:50%;background:#e8eadd;position:absolute;right:4px;top:0}.art-box{position:absolute;border-radius:11px;transform:rotate(-13deg)}.art-back{width:92px;height:87px;right:17px;top:46px;background:#b0c7ae;border:1px solid #99b79a}.art-front{width:103px;height:106px;right:70px;top:53px;background:#d3b98e;border:1px solid #bb9c70;box-shadow:0 12px 18px #55634b22;display:grid;place-items:center;color:#f8efd9;font-size:55px}.art-star{position:absolute;right:10px;top:18px;color:#94af96;font-size:30px}.search-wrap{background:white;border:1px solid #e7e9e3;box-shadow:var(--shadow);height:67px;border-radius:16px;display:flex;align-items:center;padding:0 23px;margin:19px 0 55px;gap:15px}.search-wrap:focus-within{outline:2px solid #9cbaa3}.search-icon{font-size:32px;color:#61896e;line-height:1}.search-wrap input{border:0;outline:0;flex:1;min-width:0;color:var(--ink);font-size:15px;background:transparent}.search-wrap input::placeholder{color:#aab2aa}.search-hint{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#aeb9ad;white-space:nowrap}.notice{background:#fff2e5;color:#8f5737;border-radius:12px;padding:14px 17px;margin:-30px 0 35px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.overline{color:#88a08e}.section-head h2,dialog h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1.2px;margin:9px 0 0}.section-aside{font-size:12px;color:#a0aca1;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{height:281px;border:1px solid transparent;border-radius:17px;text-align:left;padding:22px;display:flex;flex-direction:column;align-items:flex-start;color:#2a4d3a;transition:transform .2s,box-shadow .2s}.feature-card:hover,.list-card:hover{transform:translateY(-4px);box-shadow:0 16px 25px #324b3320}.card-rooms{background:#e1ebe0}.card-places{background:#eee8dd;color:#5d5746}.card-items{background:#e6e7ed;color:#444d63}.card-add{background:#e9eeda;border:1px dashed #a3b491;color:#516847}.card-symbol{font-size:32px;line-height:1;margin-bottom:auto}.card-index{font-size:9px;opacity:.64;margin-bottom:10px}.feature-card strong{font-family:Manrope,sans-serif;font-size:25px;line-height:1.23;letter-spacing:-.8px}.card-foot{width:100%;border-top:1px solid #6e8b7130;display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:11px;opacity:.78}.arrow{font-size:22px;opacity:1}.bottom-note{display:flex;align-items:center;gap:18px;background:#eef1e9;border-radius:15px;margin-top:26px;padding:22px 25px}.bottom-note>span{font-size:27px;color:#769977}.bottom-note strong{font-family:Manrope,sans-serif;font-size:13px}.bottom-note p{font-size:11px;color:#879388;margin:6px 0 0}.bottom-note button{margin-left:auto;background:none;border:0;white-space:nowrap;color:#39614c;font-weight:700;font-size:11px}.bottom-note button span{margin-left:10px}.primary-button{background:#315e49;border:1px solid #315e49;color:white;padding:12px 20px;border-radius:10px;font-weight:700;font-size:13px}.primary-button:hover{background:#224533}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.list-card{border:1px solid #e3e8e0;border-radius:17px;background:white;min-height:184px;padding:24px;text-align:left;transition:transform .2s,box-shadow .2s;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}.list-card .tile-icon{width:44px;height:44px;background:#e6eee4;border-radius:12px;color:#5c8a65;display:grid;place-items:center;font-size:24px}.list-card .tile-name{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;margin-top:19px}.list-card .tile-meta{font-size:12px;color:#8b9a8d;margin-top:6px;line-height:1.5}.list-card .tile-bottom{margin-top:auto;align-self:flex-end;color:#577761;font-size:20px}.empty{grid-column:1/-1;background:#edf2e9;border-radius:16px;padding:50px;text-align:center;color:#718475}.empty strong{display:block;color:var(--ink);font-family:Manrope,sans-serif;font-size:20px;margin:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:28px;color:#79877d;font-size:12px}.pagination button,.back-link{background:none;border:0;color:#315e49;font-weight:700}.pagination button:disabled{opacity:.3;cursor:default}.back-link{padding:0;margin-bottom:26px}.detail-sub{color:#8c9c8e;font-size:13px}.tag{display:inline-block;background:#ebf1e8;padding:4px 8px;border-radius:6px;font-size:10px;color:#527357;margin:6px 4px 0 0}.item-actions{display:flex;gap:7px;margin-top:15px}.item-actions button{border:1px solid #d8e4d9;background:#f7faf6;color:#3b614b;border-radius:8px;padding:7px 10px;font-size:11px}.item-actions button:hover{background:#dfe9dc}dialog{border:0;padding:0;border-radius:19px;width:min(460px,calc(100vw - 30px));box-shadow:0 26px 100px #1e332b55;color:var(--ink);background:#fcfdf9}dialog::backdrop{background:#22362a77;backdrop-filter:blur(3px)}dialog form{padding:30px}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.close-button{border:0;background:#f0f3ed;border-radius:50%;height:32px;width:32px;font-size:23px;color:#728375}dialog label{display:block;font-weight:700;font-size:12px;margin:15px 0;color:#4e6455}dialog label small{font-weight:400;color:#94a297;margin-left:5px}dialog input,dialog select,dialog textarea{display:block;margin-top:8px;border:1px solid #dde6dc;background:white;border-radius:9px;padding:11px 12px;width:100%;color:var(--ink);outline-color:#8aa895}dialog textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.ghost-button{border:1px solid #dce6db;background:transparent;color:#5a745f;padding:12px 20px;border-radius:10px;font-size:13px}.full{width:100%;margin-top:12px}#setup p{color:#87998a;line-height:1.6;font-size:13px}#setup code{background:#edf2e9;padding:2px 4px}.form-error{color:#a0473a!important;min-height:18px}.mobile-brand{font-family:Manrope,sans-serif;color:var(--green)}@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{height:240px}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:10px 16px;position:sticky;bottom:0;z-index:5;order:2;display:none}.topbar{height:63px;padding:0 20px;justify-content:space-between}.mobile-brand{display:block}.topbar-right{font-size:0}.status-dot{display:none}.avatar{margin-left:0}.content{padding:38px 20px 80px}.hero{min-height:0}.hero h1{letter-spacing:-2px;font-size:39px}.hero p{font-size:13px}.hero-art{display:none}.search-wrap{margin:28px 0 43px;height:59px;padding:0 14px}.search-hint{display:none}.section-aside{display:none}.feature-grid{gap:11px}.feature-card{height:215px;padding:17px}.feature-card strong{font-size:21px}.card-foot{font-size:9px}.bottom-note{padding:19px;align-items:flex-start}.bottom-note button{display:none}.list-grid{grid-template-columns:1fr}.section-head h2{font-size:24px}.sidebar{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;border:0;border-top:1px solid #dae4da;flex-direction:row;align-items:center;padding:5px}.sidebar .brand,.sidebar .side-label,.sidebar-bottom{display:none}.nav{display:flex;width:100%;justify-content:space-around}.nav-link{width:auto;flex-direction:column;font-size:9px;gap:0;padding:5px 10px}.nav-icon{font-size:20px}}@media(max-width:380px){.feature-grid{grid-template-columns:1fr 1fr}.feature-card{height:192px}.feature-card strong{font-size:18px}.card-foot{display:none}}