*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#e9dfd0;--cream:#f7efe5;--cream2:#fbf6ed;--ink:#20201d;--muted:#817b70;--line:#3d342b17;--blue:#afd1da;--blue2:#7fa9b5;--sage:#b9cec1;--green:#8da99b;--pink:#e9bfc0;--sand:#d6bd96;--shadow:0 18px 38px #53433124,0 4px 10px #5343310f}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.app{background:radial-gradient(circle at 12% 8%,#ffffffb8,transparent 27%),radial-gradient(circle at 90% 92%,#adcfc961,transparent 28%),var(--bg);min-height:100vh;padding:18px}.sidebar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:214px;box-shadow:var(--shadow);z-index:10;background:#f8f1e7e0;border-radius:28px;flex-direction:column;padding:20px 13px;display:flex;position:fixed;top:18px;bottom:18px;left:18px}.brand{align-items:center;gap:11px;padding:3px 8px 25px;display:flex}.brand-icon{background:var(--ink);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:flex;box-shadow:0 8px 18px #20201d2e}.brand-name{letter-spacing:-.5px;font-size:18px;font-weight:800}.brand-subtitle{color:#908a80;margin-top:2px;font-size:10px}.menu-title{color:#aaa297;letter-spacing:1.5px;padding:0 10px 9px;font-size:9px;font-weight:800}.menu-item{color:#79746b;text-align:left;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:11px 12px;transition:all .2s;display:flex}.menu-item svg{stroke-width:1.8px}.menu-item:hover{color:var(--ink);background:#fffaf2;transform:translate(2px)}.menu-item.active{background:var(--ink);color:#fff;box-shadow:0 9px 18px #20201d26}.sidebar-bottom{margin-top:auto}.help-box{background:linear-gradient(145deg,#d1e1d8,#b7d4d8);border-radius:18px;padding:15px;position:relative;overflow:hidden}.help-box:after{content:"";background:#ffffff6b;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-38px;right:-35px}.help-box strong{font-size:12px}.help-box p{color:#69756f;margin-top:5px;font-size:10px;line-height:1.4}.main{width:calc(100% - 232px);min-height:100vh;margin-left:232px}.topbar{justify-content:space-between;align-items:center;height:70px;padding:0 5px 0 28px;display:flex}.topbar h1{letter-spacing:-1.2px;font-size:27px}.topbar p{color:var(--muted);margin-top:3px;font-size:12px}.topbar-actions{align-items:center;gap:11px;display:flex}.icon-button{color:#57534c;background:#f9f3ebe6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 18px #53433117}.user{background:#f9f3ebb8;border-radius:18px;align-items:center;gap:9px;padding:4px 6px 4px 5px;display:flex}.avatar{background:#d5e1d9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.avatar-image{object-fit:cover}.user strong,.user span{display:block}.user strong{font-size:12px}.user span{color:var(--muted);margin-top:1px;font-size:9px}.user-details{min-width:95px}.logout-button{color:#68635b;background:#ffffff9e;border-radius:11px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logout-button:hover{color:#20201d;background:#fff}.dashboard{padding:7px 0 0 28px}.welcome{background:var(--cream);min-height:236px;box-shadow:var(--shadow);border-radius:30px;justify-content:space-between;align-items:flex-start;margin-bottom:17px;padding:34px;display:flex;position:relative;overflow:hidden}.welcome:before{content:"";background:linear-gradient(145deg,#c4dbd0,#9dbfc2);border-radius:58% 42% 61% 39%;width:520px;height:340px;position:absolute;bottom:-170px;right:-120px;transform:rotate(-10deg);box-shadow:inset 18px 16px 30px #ffffff38}.welcome:after{content:"";border:24px solid #d3bf9cc7;border-radius:52% 48% 55% 45%;width:260px;height:430px;position:absolute;top:-280px;right:155px;transform:rotate(27deg);box-shadow:0 0 0 2px #fff3}.welcome>div,.welcome>button{z-index:1;position:relative}.welcome h2{letter-spacing:-2.3px;max-width:470px;font-size:clamp(32px,4vw,48px);line-height:.98}.welcome p{color:#7b766d;max-width:390px;margin-top:16px;font-size:12px;line-height:1.7}.primary-button{background:var(--ink);color:#fff;border-radius:15px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 11px 20px #20201d29}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 25px #20201d33}.primary-button.small{padding:9px 13px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.stat-card{border:1px solid var(--line);background:var(--cream2);min-height:125px;box-shadow:var(--shadow);border-radius:24px;gap:13px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:first-child{background:#f7eee2}.stat-card:nth-child(2){background:#d5e6e8}.stat-card:nth-child(3){background:#d5e2d7}.stat-card:nth-child(4){background:#e8ddce}.stat-card:before{content:"";background:#ffffff6b;border-radius:57% 43% 50% 50%;width:120px;height:95px;position:absolute;bottom:-47px;right:-35px;box-shadow:inset 5px 5px 12px #ffffff2e}.stat-card:after{content:"";background:#fff3;border-radius:50%;width:58px;height:58px;position:absolute;bottom:-38px;right:34px}.stat-icon{background:#ffffff9e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 5px 12px #5343310f}.stat-content{z-index:1;position:relative}.stat-content p{color:#706b62;font-size:10px;font-weight:600}.stat-content h3{letter-spacing:-1px;margin:5px 0 4px;font-size:25px}.stat-content span{color:#8c867c;font-size:9px}.content-grid{grid-template-columns:1.7fr 1fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:var(--cream2);box-shadow:var(--shadow);border-radius:27px;padding:22px;position:relative;overflow:hidden}.panel:before{content:"";background:#afd1da6b;border-radius:48% 52% 55% 45%;width:210px;height:155px;position:absolute;top:-100px;right:-95px;transform:rotate(-16deg);box-shadow:inset 10px 10px 20px #ffffff40}.quick-panel{background:linear-gradient(145deg,#f6ecdf,#eee0cf)}.quick-panel:before{background:#b9cfc46b}.panel-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:17px;display:flex;position:relative}.panel-header h3{letter-spacing:-.3px;font-size:15px}.panel-header p{color:#979087;margin-top:4px;font-size:10px}.text-button{color:#59554d;background:0 0;font-size:10px;font-weight:700}.search-box{z-index:1;color:#9a958c;background:#ffffffa8;border:1px solid #34312b14;border-radius:15px;align-items:center;gap:9px;height:42px;padding:0 13px;display:flex;position:relative;box-shadow:inset 0 2px 7px #53433108}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.empty-state{z-index:1;text-align:center;color:#aaa49a;flex-direction:column;justify-content:center;align-items:center;min-height:235px;display:flex;position:relative}.empty-state svg{opacity:.55}.empty-state h4{color:#555149;margin-top:11px;font-size:13px}.empty-state p{margin:6px 0 17px;font-size:10px}.quick-action{z-index:1;text-align:left;background:0 0;border-bottom:1px solid #34312b12;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 4px;transition:all .2s;display:flex;position:relative}.quick-action:last-child{border-bottom:0}.quick-action:hover{background:#ffffff85;padding-left:9px}.quick-icon{background:#ffffffb3;border-radius:13px;justify-content:center;align-items:center;width:39px;height:39px;display:flex;box-shadow:0 6px 12px #5343310f}.quick-action:nth-child(3) .quick-icon{background:#d2e5df}.quick-action:nth-child(4) .quick-icon{background:#e9c5c7}.quick-action strong,.quick-action span{display:block}.quick-action strong{font-size:11px}.quick-action span{color:#969087;margin-top:3px;font-size:9px}.page-placeholder{border:1px solid var(--line);background:var(--cream);min-height:430px;box-shadow:var(--shadow);text-align:center;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;margin:8px 0 0 28px;display:flex;position:relative;overflow:hidden}.page-placeholder:before{content:"";background:#c4dbd0;border-radius:58% 42% 50% 50%;width:350px;height:270px;position:absolute;bottom:-120px;left:-150px}.page-placeholder:after{content:"";background:#bcdbe1;border-radius:50%;width:280px;height:250px;position:absolute;top:-100px;right:-120px}.placeholder-icon,.page-placeholder h2,.page-placeholder p{z-index:1;position:relative}.placeholder-icon{width:70px;height:70px;box-shadow:var(--shadow);background:#ffffffad;border-radius:22px;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.page-placeholder h2{letter-spacing:-1px;font-size:25px}.page-placeholder p{color:#777269;margin-top:7px;font-size:11px}.mobile-menu{color:var(--ink);background:0 0;margin-right:12px;display:none}.auth-page{background:radial-gradient(circle at 18% 15%,#fffc,transparent 28%),radial-gradient(circle at 82% 86%,#b7d4c88c,transparent 31%),var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:#bfd8ce;border-radius:58% 42% 54% 46%;width:460px;height:330px;position:absolute;bottom:-130px;left:-150px;transform:rotate(15deg);box-shadow:inset 20px 18px 35px #fff3}.auth-page:after{content:"";background:#b8d8df;border-radius:47% 53% 60% 40%;width:330px;height:250px;position:absolute;top:-90px;right:-100px;transform:rotate(-18deg);box-shadow:inset 15px 14px 25px #ffffff3d}.auth-orb{background:#e8bfc0a6;border-radius:50%;position:absolute;box-shadow:inset 8px 7px 16px #ffffff40}.auth-orb-one{width:80px;height:80px;top:20%;left:18%}.auth-orb-two{background:#d6bd96b3;width:52px;height:52px;bottom:17%;right:22%}.auth-card{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f9f2e9eb;border:1px solid #3d342b1a;border-radius:34px;width:min(470px,100%);padding:31px;position:relative;box-shadow:0 30px 70px #53433133,0 5px 12px #53433114}.auth-brand{align-items:center;gap:11px;display:flex}.auth-illustration{background:linear-gradient(145deg,#f4e9db,#d7e5df);border-radius:25px;height:128px;margin:25px 0 10px;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffa6}.auth-bump{border-radius:50%;position:absolute}.auth-bump-green{background:#a8c7b9;width:190px;height:145px;bottom:-83px;left:-25px;transform:rotate(-18deg);box-shadow:inset 12px 12px 25px #ffffff3d}.auth-bump-blue{background:#a9cbd3;width:180px;height:125px;top:-65px;right:-35px;transform:rotate(15deg);box-shadow:inset 12px 12px 25px #ffffff3d}.auth-lock{color:#33423b;background:#ffffffc7;border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 13px 28px #53433126,inset 0 2px 4px #fffc}.auth-copy{margin-top:20px}.auth-eyebrow{color:#8a847a;letter-spacing:1.6px;font-size:9px;font-weight:800;display:inline-block}.auth-copy h1{letter-spacing:-1.5px;margin-top:7px;font-size:32px}.auth-copy p{color:#777168;margin-top:10px;font-size:12px;line-height:1.7}.google-button{color:#24231f;background:#fff;border-radius:17px;justify-content:center;align-items:center;gap:11px;width:100%;height:52px;margin-top:23px;font-size:12px;font-weight:750;transition:all .2s;display:flex;box-shadow:0 12px 22px #5343311f,inset 0 1px #fffc}.google-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px #53433129}.google-button:disabled{opacity:.7;cursor:wait}.google-mark{color:#4285f4;background:#f4f7ff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;font-weight:900;display:flex}.auth-error{color:#8b4e4e;background:#f3d9d9;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.5}.auth-note{text-align:center;color:#9a9388;margin-top:14px;font-size:9px}.setup-card{min-height:300px}.setup-code{gap:8px;margin-top:20px;display:grid}.setup-code code{color:#555047;background:#efe5d7;border-radius:12px;padding:12px;font-size:10px}.loading-screen{color:#6f695f;flex-direction:column;gap:12px}.loading-screen p{font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (width<=760px){.app{padding:10px}.sidebar{transition:transform .25s;top:10px;bottom:10px;left:10px;transform:translate(-115%)}.sidebar.open{transform:translate(0)}.main{width:100%;margin-left:0}.mobile-menu{display:block}.topbar{height:62px;padding:0 10px}.topbar h1{font-size:22px}.dashboard{padding:7px 10px 0}.welcome{border-radius:25px;min-height:255px;padding:27px 23px}.welcome h2{font-size:32px}.welcome:after{right:25px}.stats-grid{grid-template-columns:1fr}.user{display:none}.page-placeholder{margin:8px 10px 0}.auth-page{padding:16px}.auth-card{border-radius:27px;padding:24px}.auth-copy h1{font-size:28px}.auth-illustration{height:110px}}