:root{--bg-page:#f4f6f9;--bg-dark:#f4f6f9;--panel-bg:#fff;--panel-border:#e3e8ef;--bg-subtle:#f8f9fb;--border-strong:#cfd6df;--text-primary:#1a2332;--text-secondary:#5b6472;--text-tertiary:#8b93a1;--accent:#1e3a5f;--accent-hover:#16304f;--accent-soft:#eef2f7;--success:#1e7f4f;--success-soft:#e9f5ef;--warning:#b45309;--warning-soft:#fdf5ea;--danger:#b91c1c;--danger-soft:#fbeeee;--sidebar-bg:#16233a;--sidebar-text:#9fb0c6;--sidebar-active:#2b446b}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4,label,p{word-break:keep-all}.app-container{height:100dvh;display:flex;overflow:hidden}.app-container.single{display:block}.app-container.single .main-content{height:100%}.sidebar{background:var(--sidebar-bg);flex-direction:column;width:280px;padding:20px 0;display:flex}.logo{letter-spacing:.01em;color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:10px;padding:4px 24px 20px;font-size:20px;font-weight:700;display:flex}.logo i{color:#9db8d9}.category-list{flex:1;padding:10px 12px;overflow-y:auto}.category-group{margin-bottom:6px}.category-group-header,.category-item.main-item{cursor:pointer;color:var(--sidebar-text);border-radius:8px;align-items:center;padding:13px 16px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.category-group-header span{flex:1;margin-left:12px}.category-item.main-item i:first-child{margin-right:12px}.category-group-header:hover,.category-item.main-item:hover{color:#fff;background:#ffffff0f}.category-group-header.active-group,.category-item.main-item.active{background:var(--sidebar-active);color:#fff}.group-toggle{opacity:.7;font-size:12px;transition:transform .3s}.category-sub-menu{background:#00000026;border-radius:0 0 8px 8px;max-height:0;margin-top:-4px;padding:0 8px;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.category-sub-menu.expanded{max-height:1000px;margin-bottom:10px;padding:8px;transition:max-height .6s ease-in-out}.category-item.sub-item{cursor:pointer;color:var(--sidebar-text);border-radius:6px;align-items:center;gap:10px;margin-bottom:3px;padding:9px 14px 9px 34px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.category-item.sub-item:hover{color:#fff;background:#ffffff0d}.category-item.sub-item.active{color:#fff;background:#ffffff14;border-left:3px solid #9db8d9;padding-left:31px}.main-content{flex-direction:column;flex:1;padding:32px 40px;display:flex;overflow-y:auto}.top-header{margin-bottom:24px}.top-header h1{letter-spacing:-.01em;margin-bottom:6px;font-size:26px;font-weight:700}.top-header p{color:var(--text-secondary);font-size:14px}.content-wrapper{gap:24px;display:flex}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:28px;box-shadow:0 1px 3px #1018280f}.form-panel{flex:1}.receipt-panel{flex-direction:column;width:420px;display:flex}h2{color:var(--text-primary);border-bottom:1px solid var(--panel-border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:17px;font-weight:700;display:flex}h2 i{color:var(--accent)}.form-group{margin-bottom:18px}.row-group{gap:16px;display:flex}.half{flex:1}label{color:#3e4956;margin-bottom:7px;font-size:13px;font-weight:600;display:block}input,textarea,select{border:1px solid var(--border-strong);width:100%;color:var(--text-primary);font-variant-numeric:tabular-nums;background:#fff;border-radius:7px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1e3a5f1f}input[type=checkbox]{accent-color:var(--accent)}button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.btn-calculate{background:var(--accent);color:#fff;margin-top:20px;box-shadow:0 1px 2px #1018281a}.btn-calculate:hover{background:var(--accent-hover)}.btn-calculate:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background:#c4ccd6}.btn-download{background:var(--success);color:#fff;margin-top:20px;box-shadow:0 1px 2px #1018281a}.btn-download:hover{background:#176a41}.receipt-content{flex:1}.upload-zone{background:var(--bg-subtle);border:1.5px dashed #c5cedb;border-radius:10px;margin-bottom:24px;transition:all .2s;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.upload-content{text-align:center;cursor:pointer;color:var(--text-secondary);padding:28px}.upload-content i{color:var(--text-secondary);margin-bottom:12px}.upload-content h3{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.upload-content p{color:var(--text-tertiary);font-size:13px;line-height:1.5}.preview-container{background:var(--bg-subtle);width:100%;height:180px;position:relative}.preview-container img{object-fit:cover;width:100%;height:100%}.scanner-laser{background:linear-gradient(90deg, transparent, var(--accent) 40%, var(--accent) 60%, transparent);width:40%;height:3px;animation:1.4s ease-in-out infinite scan;position:absolute;top:0;left:-40%}.scanner-text{color:var(--text-primary);border:1px solid var(--panel-border);background:#fff;border-radius:8px;max-width:90%;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #1018281f}.scanner-text.success{background:var(--success-soft);color:var(--success);border-color:var(--success)}@keyframes scan{0%{left:-40%}to{left:100%}}.empty-state{height:300px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.receipt-item{font-variant-numeric:tabular-nums;border-bottom:1px dashed #d9dfe7;justify-content:space-between;padding:11px 0;font-size:14px;display:flex}.receipt-item.total{border-top:2px solid var(--text-primary);color:var(--text-primary);border-bottom:none;margin-top:10px;padding-top:16px;font-size:18px;font-weight:700}.method-tag{background:var(--accent-soft);color:var(--accent);border:1px solid #d3ddea;border-radius:6px;margin-bottom:16px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd3dd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aeb8c6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.mobile-header{display:none}@media (max-width:768px){.app-container{flex-direction:column}.mobile-header{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);z-index:1001;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.mobile-header .logo{color:var(--accent);border-bottom:none;margin-bottom:0;padding:0}.mobile-header .logo i{color:var(--accent)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:24px}.sidebar{z-index:1000;width:100%;height:calc(100dvh - 66px);padding-bottom:20px;transition:left .3s;position:fixed;top:66px;left:-100%}.sidebar.open{left:0}.sidebar>.logo{display:none}.main-content{scrollbar-width:none;padding:20px}.main-content::-webkit-scrollbar{width:0}.content-wrapper{flex-direction:column;gap:20px}.receipt-panel{width:100%}.row-group{flex-direction:column;gap:0}.half{margin-bottom:18px}.half:last-child{margin-bottom:0}.top-header h1{font-size:22px}}