@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-40{z-index:40}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.min-h-screen{min-height:100vh}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#f8fdf9\]{background-color:#f8fdf9}.text-center{text-align:center}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary-color:#1a4d2e;--primary-light:#4a7c59;--accent-color:#22c55e;--background:#f8fdf9;--surface:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-focus:#22c55e;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--radius:12px;--radius-lg:20px}*{box-sizing:border-box}html,body{width:100%;min-height:100dvh;margin:0;padding:0}body{background:linear-gradient(135deg,var(--background)0%,#ecfdf5 100%);color:var(--text-primary);font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6}.brand-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#1a4d2e;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .1s;display:flex;box-shadow:0 4px 6px #0003}@media (min-width:768px){.brand-btn{gap:8px;padding:6px 12px;font-size:18px}}.brand-btn:active{transform:translateY(2px);box-shadow:0 1px 2px #0003}.brand-logo{background-image:url(/crenote_logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;flex-shrink:0;width:36px;height:36px;box-shadow:inset 0 0 0 2px #ffffff4d}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;padding:0;font-size:24px;transition:background .2s;display:flex}.back-btn:hover{background:#ffffff1a}.page-title-header{color:#fff;font-size:18px;font-weight:700}.user-profile{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;transition:all .2s;display:flex;position:relative}.user-profile:hover{background:#ffffff1a}.user-avatar{color:#fff;background:linear-gradient(135deg,#2e7d32 0%,#4caf50 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:14px;font-weight:600}.user-plan{color:#ffffffb3;font-size:12px}.profile-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:120px;margin-top:8px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.dropdown-item{color:#d32f2f;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;font-weight:600;transition:background .2s}.dropdown-item:hover{background:#fef2f2}.greeting-container{justify-content:space-between;align-items:center;padding-top:0;padding-bottom:4px;display:flex}.greeting-sub{opacity:.9;font-size:17px;font-weight:500}.greeting-icons{flex-shrink:0;align-items:center;gap:6px;display:flex}.inbox-icon{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s;display:flex;position:relative}.inbox-icon:hover{background:#ffffff40}.inbox-icon svg{width:18px;height:18px}.inbox-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #1a4d2e;border-radius:10px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-2px;right:-2px}.settings-icon{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s;display:flex}.settings-icon:hover{background:#ffffff40}.settings-icon svg{width:18px;height:18px}@media (max-width:768px){.user-profile.hide-on-mobile{display:none}.user-info{display:flex!important}.user-profile.hide-on-mobile .user-info{display:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
.dashboard-container{background:#f8fdf9;flex-direction:column;width:100%;height:100dvh;margin:0 auto;font-family:Noto Sans KR,sans-serif;display:flex;overflow:hidden}@media (min-width:768px){.dashboard-container{border-left:1px solid #eee;border-right:1px solid #eee;width:800px}}.app-header{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-light)100%);color:#fff;flex-shrink:0;padding:16px 20px 40px}.header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.brand{align-items:center;gap:8px;display:flex}.greeting-container{justify-content:space-between;align-items:center;padding-top:0;padding-bottom:4px;display:flex}.greeting{margin-bottom:6px;font-size:24px;font-weight:700}.greeting-sub{opacity:.9;font-size:17px;font-weight:500}.main-content{z-index:10;background:#f8fdf9;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:14px;margin-top:-30px;padding:18px;display:flex;overflow:hidden auto}.stats-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (min-width:768px){.stats-row{gap:12px}}.stat-card{color:#fff;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f;height:90px!important;min-height:90px!important;max-height:90px!important}.stat-card:before{content:"";background:linear-gradient(90deg,#22c55e 0%,#4ade80 100%);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}@media (min-width:768px){.stat-card{text-align:left;border-radius:20px;align-items:flex-start;min-height:120px;padding:20px 16px}}.stat-card.total{color:#22c55e;background:#fff;border:1px solid #f0fdf4}.stat-card.total .stat-value,.stat-card.total .stat-icon-bg{color:#22c55e}.stat-card.total .stat-label{color:#6b7280}.stat-card.primary{background:#2e5c3e}.stat-card.male{color:#4dabf7;background:#fff;border:1px solid #eef6ff}.stat-card.male .stat-value,.stat-card.male .stat-icon-bg{color:#4dabf7}.stat-card.male .stat-label{color:#6b7280}.stat-card.female{color:#f06595;background:#fff;border:1px solid #fff0f6}.stat-card.female .stat-value,.stat-card.female .stat-icon-bg{color:#f06595}.stat-card.female .stat-label{color:#6b7280}.stat-card.unknown{color:#9ca3af;background:#fff;border:1px solid #f3f4f6}.stat-card.unknown .stat-value,.stat-card.unknown .stat-icon-bg{color:#9ca3af}.stat-card.unknown .stat-label{color:#6b7280}.stat-icon-bg{opacity:.2;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex;position:absolute;top:6px;right:6px}.stat-icon-bg svg{width:100%;height:100%}@media (min-width:768px){.stat-icon-bg{width:32px;height:32px;font-size:28px;top:12px;right:12px}}.stat-card.total .stat-icon-bg,.stat-card.male .stat-icon-bg,.stat-card.female .stat-icon-bg,.stat-card.unknown .stat-icon-bg{opacity:1}.stat-value{z-index:1;margin-bottom:2px;font-size:20px;font-weight:800;line-height:1.1}@media (min-width:768px){.stat-value{margin-bottom:6px;font-size:32px}}.stat-label{opacity:.95;z-index:1;word-break:keep-all;letter-spacing:-.5px;font-size:11px;font-weight:600;line-height:1.2}@media (min-width:768px){.stat-label{letter-spacing:normal;font-size:13px}}.stat-meta{opacity:.8;margin-top:4px;font-size:11px;display:block}.menu-grid{flex-direction:column;gap:10px;display:flex}.menu-item{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:20px;align-items:center;gap:20px;padding:22px;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 4px 12px #00000008}.menu-item:active{transform:scale(.98)}.menu-item.primary{color:#fff;background:#366645;border:none}.menu-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:700;display:flex}.menu-icon svg{width:32px;height:32px}.menu-item.primary .menu-icon{color:#fff;background:#fff3}.menu-item:not(.primary) .menu-icon{background:#f3f4f6;border:1px solid #e5e7eb}.menu-item:nth-child(2) .menu-icon{color:#f57c00;background:#fff3e0}.menu-item:nth-child(3) .menu-icon{color:#1976d2;background:#e3f2fd}.menu-item:nth-child(4) .menu-icon{color:#2e7d32;background:#e8f5e9}.menu-item:nth-child(5) .menu-icon{color:#7b1fa2;background:#f3e5f5}.menu-text{flex:1}.menu-title{margin-bottom:4px;font-size:18px;font-weight:700}.menu-item.primary .menu-desc{color:#ffffffd9}.menu-desc{color:#6b7280;font-size:13px}.bottom-nav{padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:space-around;align-items:center;min-height:72px;display:flex}.nav-item{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:4px 0;font-family:Noto Sans KR,sans-serif;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:#1a4d2e;font-weight:600}.nav-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s;display:flex}.nav-icon svg{width:20px;height:20px}.nav-item.active .nav-icon{transform:scale(1.08)}.nav-icon.icon-dashboard{color:#1565c0;background:#e3f2fd}.nav-icon.icon-register{color:#fff;background:#366645}.nav-icon.icon-list{color:#f57c00;background:#fff3e0}.nav-icon.icon-crenote{color:#7c3aed;background:#ede9fe}.nav-icon.icon-shop{color:#2e7d32;background:#e8f5e9}.nav-item.active .nav-icon.icon-dashboard{color:#fff;background:#1565c0}.nav-item.active .nav-icon.icon-register{color:#fff;background:#1a4d2e}.nav-item.active .nav-icon.icon-list{color:#fff;background:#f57c00}.nav-item.active .nav-icon.icon-crenote{color:#fff;background:#7c3aed}.nav-item.active .nav-icon.icon-shop{color:#fff;background:#2e7d32}.toast-message{color:#fff;z-index:2000;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;background:#000000d9;border-radius:30px;padding:12px 24px;font-size:15px;font-weight:500;transition:opacity .3s,visibility .3s,transform .3s cubic-bezier(.18,.89,.32,1.28);position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-message.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}