:root{--bg-primary: #27272a;--bg-secondary: #3f3f46;--bg-tertiary: #52525b;--text-primary: #fafafa;--text-secondary: #d4d4d8;--text-tertiary: #a1a1aa;--accent-primary: #b5c99a;--accent-hover: #97a97b;--accent-light: rgba(181, 201, 154, .2);--accent-dark: #718355;--accent-skin: #e9d8a6;--accent-cumulative: #4a5c50;--border-color: #52525b;--border-hover: #71717a;--success: #34d399;--error: #f87171;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 15px rgba(181, 201, 154, .3);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}#root{height:100%;width:100%}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;height:100dvh;overflow:hidden;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-container{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;background-color:var(--bg-primary);position:relative;width:100%;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.content-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-sm);padding-bottom:0;display:flex;flex-direction:column}.desktop-sidebar{display:none}.sidebar-divider{height:2px;background-color:var(--text-primary);opacity:.2;margin:0;flex-shrink:0}.error-section{background-color:var(--bg-secondary);flex-shrink:0}.app-footer{height:24px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--space-md);background-color:transparent;border-top:1px dotted rgba(255,255,255,.15);flex-shrink:0;margin-top:auto;width:calc(100% + 2 * var(--space-sm));margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));margin-bottom:0}.footer-link{font-size:.75rem;color:var(--text-tertiary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary);text-decoration:underline}@media(min-width:768px){body{background-color:#18181b}#root{display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.app-container{max-width:900px;width:100%;height:auto;min-height:600px;max-height:90vh;margin:0 auto;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);background-color:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.content-wrapper{display:flex;flex-direction:row;flex:1;overflow:hidden}.main-content{flex:0 0 480px;border-right:1px solid var(--border-color);padding:0 var(--space-md) var(--space-md);overflow-y:auto}.desktop-sidebar{flex:1;background-color:var(--bg-secondary);display:flex;flex-direction:column;padding:0;overflow:hidden}.sidebar-header{background-color:var(--bg-secondary);padding:0;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:5}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.sidebar-section{margin-bottom:var(--space-xl)}.sidebar-section h3{margin-bottom:var(--space-md);color:var(--text-primary);font-size:1rem}}@media(min-width:768px){.mobile-only{display:none!important}}.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:400px;color:var(--error);padding:.75rem;text-align:center;font-weight:600;font-size:.875rem;background-color:#27272af2;border:1px solid var(--error);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;animation:fadeIn .2s ease-in-out;pointer-events:none}.error-message-container{min-height:1.5rem;font-size:.8rem;font-weight:600;color:var(--error);padding:0 var(--space-sm);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.error-message-container.hidden{opacity:0}@media(min-width:768px){.error-message-container{font-size:.9rem;min-height:2.25rem}}.droppable-area{display:flex;flex-direction:column;gap:4px}.ui-table-container{position:relative;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 0 0 1px #ffffff1f,0 2px 8px #0000004d}.ui-table-container::-webkit-scrollbar{display:none}.ui-table{width:100%;caption-side:bottom;border-collapse:collapse}.ui-table-header{position:sticky;top:0;z-index:20;background-image:linear-gradient(to bottom,#2d2d30,#28282b);box-shadow:0 1px #ffffff26}.ui-table-header tr{border:0}.ui-table-body tr:last-child{border:0}.ui-table-footer{background-color:#3f3f4680;border-top:1px solid var(--border-color);font-weight:500}.ui-table-footer tr:last-child{border-bottom:0}.ui-table-row{transition:all .2s ease-out;border-bottom:1px solid #4a4a4f;-webkit-tap-highlight-color:transparent}.ui-table-row:last-child{border-bottom:0}.ui-table-head{height:3rem;padding:0 .75rem;text-align:left;vertical-align:middle;white-space:nowrap;border:0;font-size:.875rem;font-weight:600;letter-spacing:.025em;color:#f0f0f0}.ui-table-head:first-child{width:8rem}.ui-table-head:has([role=checkbox]){padding-right:0}.ui-table-head>[role=checkbox]{transform:translateY(2px)}.ui-table-cell{height:3rem;padding:.75rem .25rem;vertical-align:middle;white-space:nowrap;overflow:hidden;position:relative;border:0;background-color:inherit;font-size:.875rem;color:#e0e0e0}.ui-table-cell:first-child{width:8rem;font-weight:500;color:#f5f5f5}.ui-table-cell:has([role=checkbox]){padding-right:0}.ui-table-cell>[role=checkbox]{transform:translateY(2px)}.ui-table-caption{margin-top:1rem;font-size:.875rem;color:var(--text-tertiary)}.app-header{height:auto;display:flex;flex-direction:column;background-color:#27272af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:none}.header-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);width:100%}.header-bottom{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);width:100%;border-bottom:1px solid var(--border-color)}.header-bottom .icon-btn{width:40px;height:40px;font-size:1.5rem}.header-controls-left{display:flex;align-items:center}.header-controls-right{display:flex;align-items:center;gap:var(--space-xs)}.logo{display:flex;align-items:center;font-weight:700;font-size:1rem;color:var(--text-primary)}.logo-icon{width:20px;height:20px;margin-right:6px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-dark));border-radius:var(--radius-sm);display:grid;place-items:center;font-size:12px}.logo-icon--image{background:none;padding:0}.logo-icon img{width:100%;height:100%;object-fit:contain}.title{margin-right:4px}.version{align-self:flex-end;font-size:.75rem;font-weight:400;color:var(--text-tertiary)}.header-actions{display:flex;gap:var(--space-xs);align-items:center}.icon-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast);font-size:1.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}}.icon-btn--disabled{opacity:.3;cursor:not-allowed}.icon-btn--reorder-active{background-color:var(--accent-light);color:var(--accent-primary)}.icon-btn--delete-active{background-color:#ef44441a;color:var(--error)}@media(min-width:768px){.app-header{display:flex;flex-direction:row;align-items:center;padding:0 var(--space-lg);height:60px;border-bottom:1px solid var(--border-color);justify-content:space-between}.header-top{display:contents}.header-bottom{width:auto;height:auto;padding:0;border:none;margin-left:auto;margin-right:var(--space-sm);justify-content:flex-end;gap:var(--space-md);order:1}.header-actions{order:2}}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px #0000004d;z-index:50;transform:translateY(100%);transition:transform var(--transition-fast);max-width:600px;margin:0 auto;max-height:80dvh;display:flex;flex-direction:column}.bottom-sheet.open{transform:translateY(0)}.sheet-handle-area{padding:var(--space-md) 0;display:flex;justify-content:center;cursor:grab;touch-action:none}.sheet-handle{width:40px;height:4px;background-color:var(--bg-tertiary);border-radius:var(--radius-full)}.sheet-close{color:var(--text-secondary);padding:var(--space-xs)}.sheet-content{padding:var(--space-sm) var(--space-lg) var(--space-xl);overflow-y:auto}@media(min-width:768px){.bottom-sheet,.bottom-sheet-overlay{display:none!important}}.job-category{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.job-category-title{margin-bottom:var(--space-sm);color:var(--text-tertiary);font-size:.75rem}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.job-grid--spaced{margin-bottom:var(--space-sm)}.job-btn{padding:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;text-align:center;transition:var(--transition-fast);white-space:nowrap}.job-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.job-btn.active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}@media(min-width:768px){.job-grid{grid-template-columns:repeat(3,1fr)}}.confirm-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.confirm-modal-overlay.open{opacity:1;pointer-events:auto}.confirm-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:320px;box-shadow:var(--shadow-2xl);transform:scale(.95);transition:transform var(--transition-fast)}.confirm-modal-overlay.open .confirm-modal{transform:scale(1)}.confirm-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center}.confirm-modal-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:center;line-height:1.5}.confirm-modal-actions{display:flex;gap:var(--space-md)}.confirm-modal-btn{flex:1;height:40px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.confirm-modal-btn.cancel{background-color:var(--bg-tertiary);color:var(--text-primary)}.confirm-modal-btn.cancel:hover{background-color:var(--border-hover)}.confirm-modal-btn.confirm{background-color:var(--error);color:#fff}.confirm-modal-btn.confirm:hover{background-color:#ef4444}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease-out}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:480px;box-shadow:var(--shadow-2xl);animation:scaleIn var(--transition-fast) ease-out}.about-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);min-height:32px}.about-modal h3{font-size:1.25rem;color:var(--text-primary)}.about-modal .close-btn{color:var(--text-secondary);font-size:1.25rem;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);margin-left:auto}.about-modal .close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.about-modal .modal-body{color:var(--text-secondary);font-size:1rem;line-height:1.6;padding-top:0}.about-section{margin-bottom:var(--space-xl)}.about-section:last-child{margin-bottom:0}.intro-section p{font-size:1.1rem;color:var(--text-primary);text-align:center;line-height:1.6}.about-section h4{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs)}.feature-list{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-xs)}.feature-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem}.feature-list .icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-primary)}.version-history{display:flex;flex-direction:column;gap:var(--space-xs);padding-left:var(--space-xs);list-style:none}.version-history li{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.version-history li strong{color:var(--accent-primary);font-weight:600}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.link-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.link-item:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.link-item.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.link-item.disabled:hover{transform:none;border-color:transparent;background-color:var(--bg-tertiary)}.donation-section .heart-icon{color:var(--error)}.donation-content{border-radius:var(--radius-md);text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.donation-placeholder{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.donation-link{display:inline-block;padding:var(--space-sm) var(--space-xs);background-color:#ff7b79;color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.donation-link:hover{background-color:#ff6563;transform:translateY(-1px)}.donation-link--secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.donation-link--secondary:hover{background-color:var(--bg-primary);border-color:var(--accent-primary)}.dev-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-color)}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.stat-label{color:var(--text-tertiary)}.stat-value{color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums}.stat-value.code-change{display:flex;gap:8px}.stat-value .addition{color:#22c55e}.stat-value .deletion{color:#ef4444}.ai-tools{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-color)}.ai-label{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-tertiary);margin-bottom:6px}.ai-tool-list{display:flex;flex-wrap:wrap;gap:6px}.ai-tool{display:inline-block;padding:2px 8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.noti-message-body{border:none;padding:.75em 1em}.bug-report{text-align:center}.noti-strikethrough{text-decoration:line-through}.point-adjuster{display:flex;flex-direction:column}.point-display{text-align:center;margin-bottom:var(--space-lg)}.point-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding:0 var(--space-xs)}.point-job-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:left}.point-toggle-wrapper{display:flex;align-items:center}.point-toggle-wrapper .toggle-label-text{font-size:.75rem}.point-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.point-label{font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-xs)}.point-label--left{margin-bottom:var(--space-xs);text-align:left}.adjust-controls{display:none}.adjust-btn{height:44px;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.adjust-btn:hover{background-color:var(--border-hover)}.adjust-btn.positive{color:var(--text-primary);background-color:var(--bg-tertiary)}.adjust-btn.positive:hover{background-color:var(--border-hover)}.adjust-btn.negative{color:var(--text-secondary);background-color:var(--bg-tertiary)}.adjust-btn.negative:hover{background-color:var(--border-hover);color:var(--text-primary)}.custom-input-section{margin-top:var(--space-sm)}.custom-input-container{display:flex;gap:var(--space-xs)}.custom-input-group{flex:1;display:flex;background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;height:48px}.custom-adjust-btn{width:40px;height:100%;color:var(--text-secondary);background-color:transparent;border-radius:0;font-size:1.25rem}.custom-adjust-btn:hover{background-color:#ffffff0d}.custom-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);text-align:center;font-weight:600;outline:none;font-size:1.1rem;width:100%}.custom-apply-btn{width:72px;height:48px;background-color:var(--text-primary);color:var(--bg-primary);font-size:1rem}.custom-apply-btn:hover{background-color:var(--text-secondary)}.point-adjuster-container{transition:opacity var(--transition-normal)}.point-adjuster-container--disabled{opacity:.5;pointer-events:none}@media(min-width:768px){.point-adjuster-container{background-color:transparent;padding:var(--space-md);border-radius:0;border:none}.point-adjuster-container .point-label{display:none}.adjust-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:var(--space-lg)}.adjust-btn{height:38px}.point-adjuster-container .point-value{font-size:1.5rem;margin-bottom:var(--space-xs)}.custom-input-group{height:32px}.custom-input-group .custom-adjust-btn{width:32px;height:32px;font-size:.875rem}.custom-input-field{font-size:1rem}.custom-apply-btn{height:32px;width:64px;font-size:.875rem}}.route-list{display:flex;flex-direction:column;gap:4px;background:var(--bg-primary)}@media(max-width:767px){.route-list{padding-bottom:var(--space-sm)}}.route-controls{display:none}.sticky-header-wrapper{position:sticky;top:0;z-index:5;background-color:var( --bg-primary );padding-bottom:4px;padding-top:var( --space-sm )}.route-header{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 8px;display:flex;align-items:center;justify-content:space-between;height:36px}.header-job{font-weight:700;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;width:90px;flex-shrink:0}.header-stats{display:grid;grid-template-columns:repeat(4,1fr);flex:1;height:100%;align-items:center;margin:0 4px}.header-stat{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.header-po{font-weight:700;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;width:32px;text-align:center;flex-shrink:0}.header-delete,.header-drag{width:32px;flex-shrink:0;margin-left:4px}.route-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 8px;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden;height:50px;cursor:pointer}.route-row--static{cursor:default}.route-row.active{border-color:var(--accent-primary);background-color:#b5c99a1f;box-shadow:inset 2px 0 0 0 var(--accent-primary)}.route-row:active{background-color:#b5c99a26}.route-row--dragging{opacity:1;box-shadow:0 8px 16px #0000004d;z-index:100;border-color:var(--accent-primary)}.job-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.row-stats{display:grid;grid-template-columns:repeat(4,1fr);flex:1;height:100%;align-items:center;margin:0 4px}.stat-value{font-size:.9375rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center}.active .stat-value{color:var(--text-primary)}.job-po-badge{display:flex;align-items:center;justify-content:center;background-color:var( --accent-dark );width:33px;height:25px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.job-po-badge.cumulative{background-color:var(--accent-cumulative)}.row-spacer{width:32px;margin-left:4px;flex-shrink:0}.delete-job-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-tertiary);background-color:transparent;transition:var(--transition-fast);flex-shrink:0;margin-left:4px;font-size:1.25rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.delete-job-btn:hover{background-color:#ef44441a;color:var(--error)}.delete-job-btn.no-hover:hover{background-color:transparent;color:var(--text-tertiary)}}.delete-job-btn:active{background-color:#ef444426;color:var(--error);transform:scale(.95)}.delete-job-btn.no-hover:active{background-color:transparent;color:var(--text-tertiary)}.drag-handle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-tertiary);background-color:transparent;transition:var(--transition-fast);flex-shrink:0;margin-left:4px;font-size:1.25rem;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing;color:var(--text-primary);background-color:var(--bg-tertiary)}.add-row-btn{width:100%;height:48px;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-fast);background-color:transparent;margin-top:4px}.add-row-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-light)}.add-row-btn:active{transform:scale(.99)}@media(min-width:768px){.route-row{height:46px}.route-controls{display:flex;justify-content:flex-end;padding:0 0 4px}.route-controls-content{display:flex;align-items:center;gap:var(--space-sm)}}.share-modal{width:90%;max-width:360px;padding:1.5rem}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.share-modal-header .confirm-modal-title{margin-bottom:0}.share-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.share-modal-close:hover{background-color:#ffffff1a;color:var(--text-primary)}.share-input-container{margin-bottom:16px;padding:0 4px}.share-input-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.share-custom-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:var(--transition-fast)}.share-custom-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.share-custom-input::placeholder{color:var(--text-tertiary)}.share-options{display:flex;flex-direction:column;gap:.75rem}.share-option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left}.share-option-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.share-option-btn:active{transform:translateY(0)}.share-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--accent-dark);border-radius:10px;color:#fff;font-size:1.25rem}.share-icon-wrapper--copied{color:var(--success);background-color:#22c55e1a}.share-label{font-size:1rem;font-weight:500}.share-loading-overlay{position:absolute;inset:0;background-color:#131314cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:16px;z-index:10;color:var(--text-primary)}.share-loading-overlay i{font-size:2rem;color:var(--accent-primary)}.share-preview-container{background-color:#27272a;border-radius:12px;padding:16px;width:100%;max-width:400px;margin:0 auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.share-preview-header{display:flex;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.share-preview-header__job{flex:1}.share-preview-header__stats{display:flex;gap:8px;width:140px;justify-content:center}.share-preview-header__stat{width:28px;text-align:center}.share-preview-header__po{width:40px;text-align:center}.share-preview-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.share-preview-row:last-child{border-bottom:none}.share-preview-row__job{flex:1;font-weight:500}.share-preview-row__stats{display:flex;gap:8px;width:140px;justify-content:center}.share-preview-row__stat{width:28px;text-align:center;color:var(--text-secondary)}.share-preview-row__po-wrapper{width:40px;display:flex;justify-content:center}.share-preview-row__po-badge{background-color:var(--accent-dark);padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.share-preview-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.share-preview-footer__url{font-size:10px;color:#ffffff4d;font-family:monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:60%}.share-preview-footer__signature{display:flex;align-items:center;gap:6px}.share-preview-footer__logo{width:16px;height:16px;object-fit:contain}.share-preview-footer__text{font-size:12px;font-weight:700;color:#ffffff80}.toggle-switch{position:relative;display:inline-block;width:40px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.2s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--text-secondary);transition:.2s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(16px);background-color:#fff}.toggle-container{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.toggle-label-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.elan-box-outer{background-color:#000;color:#fff;padding:3px;box-sizing:border-box;box-shadow:0 0 15px #000000b3}.elan-box-border{width:100%;height:100%;border:1px solid #f7f7f7;border-radius:.125rem;box-sizing:border-box;box-shadow:inset 0 0 1px 1px #fff,inset 0 0 1px 2px #4a4a4a,0 0 1px #fff,0 0 1px 2px #4a4a4a}.elan-box-content{height:100%;box-sizing:border-box;border-radius:2px}.elan-btn{padding:.125rem .5rem;display:flex;align-items:center;z-index:10;color:#fff;font-size:1rem;line-height:1;font-weight:400;font-family:Jaro,sans-serif;font-style:normal;font-optical-sizing:auto;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.5);background-color:#4a4a4a;border-width:1px;border-style:solid;border-top-color:#6a6a6a;border-left-color:#6a6a6a;border-bottom-color:#2a2a2a;border-right-color:#2a2a2a;border-radius:3px;box-shadow:inset 1px 1px 1px #ffffff1a,inset -1px -1px 1px #00000080;transition:all .2s}.elan-btn:hover{background-color:#5a5a5a;border-top-color:#7a7a7a;border-left-color:#7a7a7a}.elan-btn:active{background-color:#6a6a6a;border-top-color:#8a8a8a;border-left-color:#8a8a8a}