:root{--primary:#f97316;--primary-hover:#ea580c;--primary-light:#fff7ed;--primary-glow:#f9731626;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--bg-app:#f8fafc;--bg-card:#fff;--bg-input:#f8fafc;--cat-flight:#0284c7;--cat-stay:#7c3aed;--cat-food:#f97316;--cat-transport:#2563eb;--cat-shopping:#db2777;--cat-ticket:#0d9488;--cat-tour:#059669;--cat-activity:#10b981;--cat-gift:#e11d48;--cat-tip:#ca8a04;--cat-nightlife:#9333ea;--cat-loss:#dc2626;--cat-telecom:#0891b2;--cat-mart:#d97706;--cat-etc:#64748b;--font-display:"Plus Jakarta Sans", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Pretendard", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0a;--shadow-md:0 4px 16px #0f172a0f;--shadow-lg:0 10px 30px #0f172a17;--shadow-fab:0 8px 24px #f9731659}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,textarea,select,button{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;line-height:1.5;overflow-x:hidden}input,textarea{-webkit-user-select:auto;user-select:auto}.num-display{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}input[type=date],input[type=time]{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app-layout{min-height:100vh;background-color:var(--bg-app);width:100%;min-height:-webkit-fill-available;display:flex}.mobile-header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--slate-200);z-index:40;background-color:#fffffff2;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex;position:sticky;top:0}@media (width>=768px){.mobile-header{display:none}}.sidebar,.desktop-sidebar{display:none}@media (width>=768px){.sidebar,.desktop-sidebar{border-right:1px solid var(--slate-200);z-index:50;background-color:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar-brand-container,.sidebar-brand,.sidebar-brand-center{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:4px 0;transition:transform .15s;display:flex}.sidebar-brand-container:hover,.sidebar-brand:hover{transform:translateY(-2px)}.tripdot-brand-logo{background:linear-gradient(135deg,#ff6b35 0%,#ea580c 50%,#c2410c 100%);border:1.5px solid #ffffff40;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 8px 18px #f9731661,inset 0 1px 1px #fff6}.sidebar-brand-container:hover .tripdot-brand-logo{box-shadow:0 10px 24px #f973167a}.brand-text-group{flex-direction:column;align-items:center;line-height:1.15;display:flex}.brand-title,.brand-main-title{letter-spacing:-.04em;color:var(--slate-900);align-items:center;font-size:21px;font-weight:900;display:flex}.brand-subtitle,.brand-sub-title{color:var(--slate-500);letter-spacing:.06em;margin-top:3px;font-size:11px;font-weight:800}.sidebar-trip-card,.sidebar-trip-widget{background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer;margin-bottom:24px;padding:12px 14px;transition:all .15s}.sidebar-trip-card:hover,.sidebar-trip-widget:hover{border-color:var(--primary);background-color:#fff7ed;box-shadow:0 2px 8px #f9731626}.sidebar-trip-card.ongoing{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1.5px solid #fdba74}.sidebar-trip-card.upcoming{background-color:#f8fafc;border:1px solid #e2e8f0}.sidebar-trip-card.empty{border:1.5px dashed var(--slate-300);background-color:#fafafa}.badge-pulse,.sidebar-trip-badge{color:#ea580c;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.badge-dday{background-color:var(--primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.empty-icon-circle{background-color:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-link,.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--slate-600);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover,.sidebar-nav-item:hover{background-color:var(--slate-100);color:var(--slate-900)}.sidebar-link.active,.sidebar-nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:800}.sidebar-footer{margin-top:auto}.sidebar-footer-card{background-color:var(--slate-50);border-radius:var(--radius-sm);border:1px solid var(--slate-200);padding:12px}}.main-wrapper{flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;position:relative}.brand-dot{background-color:var(--primary);border-radius:50%;width:7px;height:7px}.app-content{padding:16px 14px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));flex:1;width:100%;max-width:960px;margin:0 auto}@media (width>=768px){.app-content{padding:28px 24px 40px}}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-title-group{flex-direction:column;display:flex}.page-category-badge{color:var(--primary);letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:3px;font-size:11px;font-weight:800;display:inline-flex}.page-title{color:var(--slate-900);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--slate-500);margin-top:3px;font-size:13px;line-height:1.4}.card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:16px;transition:all .2s}@media (width>=768px){.card{margin-bottom:16px;padding:18px}}.card:hover{border-color:var(--slate-300);box-shadow:var(--shadow-md)}.card-title{color:var(--slate-900);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.section-title{color:var(--slate-800);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-slate{background-color:var(--slate-100);color:var(--slate-700)}.icon-btn{border-radius:var(--radius-full);border:1px solid var(--slate-200);width:38px;height:38px;color:var(--slate-700);cursor:pointer;touch-action:manipulation;background-color:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:active{transform:scale(.94)}.quick-action-btn{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:800;transition:all .15s;display:flex}.quick-action-btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--slate-100);color:var(--slate-800)}.btn-secondary:hover{background-color:var(--slate-200)}.bottom-nav{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--slate-200);z-index:50;background-color:#fffffffa;justify-content:space-around;align-items:center;padding-left:8px;padding-right:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000a}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav-btn{color:var(--slate-400);cursor:pointer;border-radius:var(--radius-sm);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.bottom-nav-btn.active{color:var(--primary)}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--slate-700);font-size:13px;font-weight:700;font-family:var(--font-body)}.text-input,.select-input{border-radius:var(--radius-sm);border:1px solid var(--slate-300);background-color:var(--bg-input);width:100%;height:48px;color:var(--slate-900);font-size:15px;font-family:var(--font-body);outline:none;padding:0 14px;transition:border-color .15s,background-color .15s}.textarea-input{border-radius:var(--radius-sm);border:1px solid var(--slate-300);background-color:var(--bg-input);width:100%;color:var(--slate-900);font-size:14px;line-height:1.7;font-family:var(--font-body);resize:vertical;outline:none;padding:14px 16px;transition:border-color .15s,background-color .15s}.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:var(--primary);background-color:#fff}.diary-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=768px){.diary-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-backdrop{align-items:center;padding:24px}}.bottom-sheet{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:520px;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background-color:#fff;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;overflow-y:auto}@media (width>=768px){.bottom-sheet{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;animation:.2s ease-out fade-in}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title{color:var(--slate-900);font-size:18px;font-weight:800}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.7)}80%,to{opacity:0;transform:scale(2.2)}}.horizontal-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.dashboard-summary-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.dashboard-summary-grid{grid-template-columns:1.2fr .8fr;gap:16px}}.dashboard-bottom-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=768px){.dashboard-bottom-grid{grid-template-columns:1.2fr 1fr;gap:16px}}.category-selector-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width>=480px){.category-selector-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (width>=768px){.category-selector-grid{grid-template-columns:repeat(5,1fr);gap:8px}}.form-row-responsive{grid-template-columns:1fr;gap:10px;margin-bottom:16px;display:grid}@media (width>=540px){.form-row-responsive{grid-template-columns:1.3fr 1fr}}.itinerary-form-actions-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=600px){.itinerary-form-actions-grid{grid-template-columns:1.5fr 1.1fr 1fr}}