/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#26332f;--muted:#78827d;--cream:#f7f6f1;--panel:#fffefa;--line:#e6e8df;--sage:#557a67;--orange:#d5814d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}main{display:flex;min-height:100vh}aside{width:255px;background:#eef1e8;padding:30px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 12px 54px}.brand span{color:var(--orange);font-size:25px}.brand small{font-size:10px;background:#dce5d7;padding:3px 5px;border-radius:4px;color:var(--sage);font-weight:bold}nav{display:grid;grid-gap:5px;gap:5px}nav button{border:0;background:transparent;text-align:left;color:#778078;padding:12px 13px;border-radius:8px;font:500 13px inherit;cursor:pointer}nav button i{font-style:normal;display:inline-block;width:27px;font-size:17px}nav button.selected{background:#dfe9dd;color:var(--sage);font-weight:bold}.user{border-top:1px solid #dce2d9;margin-top:auto;padding:18px 6px 0;display:flex;gap:10px;align-items:center;font-size:12px}.user small,.user b{display:block}.user small{color:var(--muted);margin-top:3px}.user>span{margin-left:auto;color:var(--muted)}.avatar,.profile{background:#d8e4d8;color:var(--sage);border-radius:50%;font-weight:bold}.avatar{width:34px;height:34px;display:grid;place-items:center;font-size:11px}.content{max-width:1120px;width:100%;padding:45px 6vw}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}h1,h2,h3,p{margin:0}h1{font:600 34px 'Playfair Display',serif;margin:5px 0 7px}.eyebrow{letter-spacing:1.8px;font-size:10px;color:var(--sage);font-weight:bold}.muted{color:var(--muted);font-size:13px}.profile{border:0;width:40px;height:40px;font-size:11px}.profile span{margin-left:4px;color:var(--ink)}.welcome{background:#dfe9dc;min-height:165px;border-radius:12px;padding:31px 38px;display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.welcome h2{font:600 28px 'Playfair Display',serif;margin:9px 0}.welcome p:last-child{color:#617268;font-size:14px}.warm{color:#bd7044}.moon{font-size:100px;color:#91ac91;margin-right:35px;line-height:1;opacity:.65}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-head h3{font:600 21px 'Playfair Display',serif;margin-bottom:5px}.newbook{display:flex;gap:8px}.newbook input{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:var(--panel);font:12px inherit}.newbook button{background:var(--sage);color:white;border:0;border-radius:6px;padding:10px 15px;font:600 12px inherit;cursor:pointer}.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:18px;gap:18px}.book{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;gap:19px}.cover{height:190px;width:130px;flex-shrink:0;background:#334e4d;color:#e9d7ac;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;box-shadow:0 5px 12px #24353522}.cover span{font-size:24px;margin-bottom:32px}.cover strong{font:500 17px 'Playfair Display',serif}.cover small{font-size:8px;margin-top:8px;text-transform:uppercase;letter-spacing:1px;color:#b9c7b0}.bookinfo{padding:5px 0;flex:1 1}.status{color:var(--orange);font-size:10px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;margin-bottom:20px}.bookinfo h3{font:600 19px 'Playfair Display',serif}.bookinfo p{font-size:12px;color:var(--muted);margin:5px 0 25px}.stats{display:flex;gap:18px;color:var(--muted);font-size:10px;margin-bottom:13px}.stats b{color:var(--ink);display:block;font-size:14px;margin-bottom:3px}.progress{height:4px;background:#e4e9df;border-radius:5px;margin-bottom:7px}.progress span{display:block;height:100%;background:var(--sage);border-radius:5px}.bookinfo>small{color:var(--muted);font-size:10px}@media(max-width:700px){aside{width:64px;padding:22px 8px}.brand{margin:0 auto 40px}.brand b,.brand small,nav button:not(.selected)::after,nav button{font-size:0}.brand b,.brand small,.user div:not(.avatar),.user>span{display:none}nav button{padding:13px 12px}nav button i{font-size:19px;width:auto}.user{justify-content:center}.content{padding:30px 18px}.welcome{padding:24px}.moon{margin:0;font-size:60px}.section-head{display:block}.newbook{margin-top:16px}.books{grid-template-columns:1fr}.book{gap:12px}.cover{width:105px;height:160px}}