:root{--forest:#15231d;--forest-2:#20352b;--lime:#c8ef69;--paper:#f7f6f0;--ink:#17221c;--muted:#6e776f;--line:#dfe2da;--white:#fff;--shadow:0 18px 55px rgba(13,25,19,.18)}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--forest)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{height:100%;display:grid;grid-template-columns:390px 1fr;overflow:hidden}.sidebar{position:relative;z-index:20;display:flex;flex-direction:column;min-width:0;background:var(--paper);box-shadow:8px 0 35px rgba(17,30,23,.16)}
.brand{display:flex;align-items:center;gap:13px;padding:24px 25px 19px;background:var(--forest);color:white}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--lime)}.brand-mark svg{width:30px;fill:var(--forest)}.brand-mark .sun{fill:#fff}.brand h1{font-size:20px;margin:0;letter-spacing:-.4px}.brand p{font-size:11px;opacity:.6;margin:3px 0 0;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}
.import-button{margin:18px 20px 15px;padding:14px 16px;border:0;border-radius:14px;background:var(--lime);color:var(--forest);display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 7px 20px rgba(132,169,53,.18);transition:.2s}.import-button:hover{transform:translateY(-1px);filter:saturate(1.08)}.import-icon{width:32px;height:32px;border-radius:10px;background:rgba(21,35,29,.1);display:grid;place-items:center;font-size:24px}.import-button strong,.import-button small{display:block}.import-button strong{font-size:13px}.import-button small{font-size:10px;opacity:.65;margin-top:1px}
.library-head{padding:0 21px 10px;display:flex;justify-content:space-between;align-items:center}.library-head>div{display:flex;gap:8px;align-items:baseline}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8b948c}.library-head strong{font-size:12px}.icon-button{border:1px solid var(--line);background:white;width:30px;height:30px;border-radius:9px;color:#5b675f}.filters{padding:0 20px 10px;display:grid;gap:8px}.date-filters{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:6px}.filters select{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 8px;font-size:10px;color:#4e5952;outline:0}.sort-select{width:100%}.bulk-actions{padding:0 22px 9px;display:flex;gap:6px;align-items:center;color:#adb3ae}.bulk-actions button{padding:0;border:0;background:transparent;color:#667269;font-size:10px;font-weight:700}.bulk-actions button:hover{color:var(--ink)}
.route-list{flex:1;overflow:auto;padding:0 12px 30px}.route-list::-webkit-scrollbar{width:6px}.route-list::-webkit-scrollbar-thumb{background:#d5d9d2;border-radius:9px}.route-card{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:12px 10px;border-radius:12px;border:1px solid transparent;transition:.18s;cursor:pointer}.route-card:has(.route-group-picker[open]){position:relative;z-index:30}.route-card:hover{background:#fff}.route-card.selected{background:#fff;border-color:#dfe4da;box-shadow:0 7px 20px rgba(18,33,24,.07)}.route-toggle{margin-top:2px;appearance:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--route-color);background:#fff;position:relative}.route-toggle:checked{background:var(--route-color)}.route-toggle:checked:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;text-shadow:0 1px 2px #0005}.route-main{min-width:0}.route-name{margin:0 0 4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-meta{font-size:9px;color:#7b857e;display:flex;gap:8px;flex-wrap:wrap}.route-style{width:31px;height:8px;margin-top:7px;border-radius:4px;background:var(--route-preview)}.empty-state{text-align:center;padding:32px 25px;color:#7a847d}.empty-state strong{display:block;font-size:13px;color:#465149;margin-bottom:5px}.empty-state span{font-size:11px;line-height:1.5;display:block}.drop-hint{display:none;position:absolute;inset:10px;z-index:30;border:2px dashed var(--lime);border-radius:18px;background:rgba(21,35,29,.95);color:#fff;place-items:center;text-align:center;font-size:14px;font-weight:700}.sidebar.dragging .drop-hint{display:grid}
.app-footer{flex:0 0 auto;padding:9px 20px 11px;border-top:1px solid var(--line);color:#7e8780;background:#f2f2ec}.app-footer strong,.app-footer span{display:block}.app-footer strong{font-size:8px;color:#566159;margin-bottom:2px}.app-footer span{font-size:7px;line-height:1.4}
.route-layers{margin:0 20px 7px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:11px}.route-layers>span{font-size:7px;letter-spacing:.8px;color:#8b948c;font-weight:800;margin-right:auto}.route-layers label{display:flex;align-items:center;gap:5px;cursor:pointer}.route-layers input{display:none}.route-layers i{width:24px;height:14px;border-radius:8px;background:#d9ddd7;position:relative;transition:.18s}.route-layers i:after{content:'';position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px #0002}.route-layers input:checked+i{background:var(--forest)}.route-layers input:checked+i:after{transform:translateX(10px);background:var(--lime)}.route-layers b{font-size:8px;color:#5e6961;white-space:nowrap}
.group-section{padding:0 20px 8px}.group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.group-heading span{font-size:7px;letter-spacing:.9px;color:#8b948c;font-weight:800}.group-heading button{width:23px;height:23px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#566159;font-size:15px;line-height:1;padding:0}.group-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.group-tabs::-webkit-scrollbar{height:3px}.group-tabs::-webkit-scrollbar-thumb{background:#d7dbd4;border-radius:4px}.group-tab-wrap{position:relative;display:inline-flex;flex:0 0 auto}.group-tab{border:1px solid var(--line);background:#fff;color:#6c766f;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.group-tab-wrap:has(.group-delete) .group-tab{padding-right:20px}.group-tab.active{background:var(--forest);border-color:var(--forest);color:#fff}.group-delete{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:15px;height:15px;padding:0;border:0;border-radius:5px;background:transparent;color:#9aa19c;font-size:11px;line-height:14px}.group-tab.active+.group-delete{color:#dce5df}.group-delete:hover{background:#b94c4c;color:#fff}.route-main{position:relative}.route-group-picker{position:relative;margin-top:6px;width:158px;font-size:8px}.route-group-picker>summary{height:25px;display:flex;align-items:center;list-style:none;border:1px solid #e1e4de;border-radius:7px;background:#fff;color:#69736c;padding:0 23px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.route-group-picker>summary::-webkit-details-marker{display:none}.route-group-picker>summary:after{content:'⌄';position:absolute;right:8px;font-size:10px}.route-group-menu{position:absolute;z-index:25;top:28px;left:0;width:180px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #14251b28}.route-group-menu label{display:flex;align-items:center;gap:6px;padding:5px;border-radius:5px;cursor:pointer}.route-group-menu label:hover{background:#f2f4ef}.route-group-menu input{accent-color:var(--forest)}.route-group-menu small{display:block;padding:5px;color:#8b948c}.route-group-apply{width:100%;margin-top:5px;border:0;border-radius:6px;background:var(--forest);color:#fff;padding:6px;font-size:8px;font-weight:800}
.map-panel{position:relative;min-width:0}.map-panel #map{position:absolute;inset:0;background:#d7ded5}.map-engine{position:absolute;inset:0}.engine-hidden{display:none}.leaflet-container{font-family:Manrope,system-ui,sans-serif}.map-message{position:absolute;inset:0;z-index:3;background:#e8ece6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#536058;gap:8px}.map-message.hidden{display:none}.map-message span{font-size:11px;color:#828b85}.spinner{width:32px;height:32px;border:3px solid #cfd6cf;border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-toolbar{position:absolute;z-index:1000;top:18px;left:18px;background:white;border-radius:11px;padding:4px;box-shadow:0 7px 25px #14251b28;display:flex;flex-wrap:wrap;max-width:calc(100% - 150px)}.map-toolbar button{border:0;background:transparent;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700;color:#677169}.map-toolbar button.active{background:var(--forest);color:#fff}.map-summary{position:absolute;z-index:1000;right:18px;top:18px;background:rgba(255,255,255,.94);border-radius:11px;padding:8px 13px;box-shadow:0 7px 25px #14251b20;display:flex;align-items:baseline;gap:5px}.map-summary strong{font-size:15px}.map-summary span{font-size:9px;color:#6e7871}.leaflet-div-icon{background:transparent;border:0}.leaflet-route-marker{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid #fff;font-size:9px;font-weight:900;box-shadow:0 2px 7px #0005}.leaflet-km-marker{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid #fff;font-size:8px;font-weight:900;box-shadow:0 1px 5px #0005}.route-direction svg{display:block;width:18px;height:18px;fill:var(--arrow-color);stroke:#fff;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0008);transform-origin:center}
.route-info{min-width:180px;font-family:Manrope,Arial,sans-serif;color:#17221c}.route-info strong{display:block;font-size:12px;margin-bottom:6px}.route-info-grid{display:grid;grid-template-columns:auto auto;gap:3px 12px;font-size:10px}.route-info-grid span:nth-child(odd){color:#788078}.route-info-grid span:nth-child(even){font-weight:700;text-align:right}
.details-panel{position:absolute;z-index:1100;left:18px;right:18px;bottom:18px;max-width:760px;margin:auto;background:rgba(255,255,255,.97);border-radius:17px;padding:18px 20px 14px;box-shadow:var(--shadow);transform:translateY(calc(100% + 40px));opacity:0;transition:.28s ease;pointer-events:none}.details-panel.open{transform:none;opacity:1;pointer-events:auto}.details-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#8b938e;font-size:22px}.details-title-row{display:flex;align-items:center;gap:11px;padding-right:30px}.route-swatch{width:9px;height:36px;border-radius:5px;background:#ef5b5b}.details-title-row span:not(.route-swatch){display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#879087;font-weight:800}.details-title-row h2{font-size:16px;margin:2px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0 10px;border-top:1px solid #e7e9e5;border-bottom:1px solid #e7e9e5}.stats-grid div{padding:10px 12px;border-right:1px solid #e7e9e5}.stats-grid div:first-child{padding-left:0}.stats-grid div:last-child{border:0}.stats-grid span,.elevation-head span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#929992;font-weight:700}.stats-grid strong{font-size:13px}.elevation-head{display:flex;justify-content:space-between;align-items:center}.elevation-head small{font-size:9px;color:#727d74}#elevationChart{display:block;width:100%;height:64px}.details-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0ec;padding-top:9px;font-size:9px;color:#778178}.delete-button{border:0;background:transparent;color:#a75252;font-size:9px;font-weight:700}.toast{position:fixed;z-index:2000;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:var(--forest);color:white;border-radius:11px;padding:11px 16px;font-size:11px;box-shadow:var(--shadow);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.advanced-details{border-top:1px solid #e7e9e5;margin-top:7px;padding-top:8px}.advanced-details summary{cursor:pointer;list-style:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#536058;display:flex;justify-content:space-between;align-items:center}.advanced-details summary::-webkit-details-marker{display:none}.advanced-details summary:after{content:'＋';font-size:15px;color:#788078}.advanced-details[open] summary:after{content:'−'}.advanced-details[open]{max-height:42vh;overflow:auto;padding-right:5px}.extra-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e7e9e5;border:1px solid #e7e9e5;border-radius:10px;overflow:hidden;margin:10px 0}.extra-stats div{background:#fafbf8;padding:8px 10px}.extra-stats span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.6px;color:#929992;font-weight:700}.extra-stats strong{font-size:11px}.splits-head{display:flex;justify-content:space-between;align-items:end;margin:12px 0 5px}.splits-head span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.splits-head small{font-size:7px;color:#8d958f}.split-row{display:grid;grid-template-columns:44px 1fr 70px 70px;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #eceeea;font-size:9px}.split-row:first-child{border-top:1px solid #eceeea}.split-row span:nth-child(2){height:4px;background:#edf0ea;border-radius:4px;overflow:hidden}.split-row i{display:block;height:100%;background:var(--split-color);border-radius:4px}.split-row strong{text-align:right}.split-row em{font-style:normal;color:#7d867f;text-align:right}
.details-compact{display:none;align-items:center;gap:10px;padding-right:27px}.compact-route-dot{width:9px;height:32px;border-radius:5px;background:#ef5b5b;flex:0 0 auto}.details-compact div{min-width:0;margin-right:auto}.details-compact small{display:block;font-size:7px;letter-spacing:.8px;color:#8a928c;font-weight:800}.details-compact strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-compact button{border:0;border-radius:8px;background:#eef0eb;color:#536058;padding:7px 9px;font-size:8px;font-weight:800}.details-compact .compact-primary{background:var(--forest);color:#fff}.details-panel.minimized{left:auto;max-width:520px;padding:11px 13px;bottom:18px}.details-panel.minimized .details-compact{display:flex}.details-panel.minimized>.details-title-row,.details-panel.minimized>.stats-grid,.details-panel.minimized>.elevation-head,.details-panel.minimized>#elevationChart,.details-panel.minimized>.advanced-details,.details-panel.minimized>.details-footer{display:none}
@media(max-width:780px){.app-shell{grid-template-columns:1fr;grid-template-rows:47% 53%;overflow:auto}.sidebar{min-height:0}.brand{padding:13px 18px}.brand-mark{width:38px;height:38px}.brand p{display:none}.import-button{margin:10px 14px}.library-head,.filters{padding-left:14px;padding-right:14px}.route-list{min-height:160px}.map-panel{min-height:420px}.details-panel{left:8px;right:8px;bottom:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.map-summary{display:none}}
.route-actions{display:flex;align-items:center;gap:4px;margin-top:1px}.route-actions .route-style{margin-top:0;margin-right:3px}.route-edit,.route-delete{width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:#9aa19b;display:grid;place-items:center;padding:0;opacity:0;transition:.18s}.route-card:hover .route-edit,.route-card:hover .route-delete,.route-card.selected .route-edit,.route-card.selected .route-delete{opacity:1}.route-edit:hover{background:#e9f0e9;color:#315c43}.route-delete:hover{background:#fbe9e7;color:#b8473e}.route-edit svg,.route-delete svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:780px){.route-edit,.route-delete{opacity:1}}
.split-row{cursor:pointer;border-radius:7px;transition:.15s}.split-row:hover{background:#f1f4ed}.split-row.active{background:#e7efdf;box-shadow:inset 3px 0 0 var(--split-color)}
.route-direction svg{fill:#ffd400;stroke:#172019;stroke-width:2.4;paint-order:stroke fill;filter:drop-shadow(0 1px 2px #000c)}
.group-search,.route-group-search{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344139;outline:none}.group-search{height:29px;margin:0 0 6px;padding:0 9px;font-size:9px}.route-group-search{height:28px;padding:0 8px;font-size:8px;margin-bottom:5px}.group-search:focus,.route-group-search:focus{border-color:#6f9279;box-shadow:0 0 0 2px #6f927922}.route-group-choices{max-height:180px;overflow-y:auto;overscroll-behavior:contain}.route-group-empty{padding:9px 5px!important;text-align:center}.route-group-menu label[hidden],.route-group-empty[hidden]{display:none}
.brand h1{font-size:21px}.brand p{font-size:12px}.import-icon{font-size:25px}.import-button strong{font-size:14px}.import-button small{font-size:11px}.eyebrow{font-size:10px}.library-head strong{font-size:13px}.filters select{font-size:11px}.bulk-actions button{font-size:11px}.route-toggle:checked:after{font-size:15px}.route-name{font-size:13px}.route-meta{font-size:10px}.empty-state strong{font-size:14px}.empty-state span{font-size:12px}.drop-hint{font-size:15px}.app-footer strong{font-size:10px}.app-footer span{font-size:9px}.route-layers>span{font-size:8px}.route-layers b{font-size:9px}.group-heading span{font-size:8px}.group-heading button{font-size:16px}.group-tab{font-size:9px}.group-delete{font-size:12px}.route-group-picker{font-size:9px}.route-group-picker>summary:after{font-size:11px}.route-group-apply{font-size:9px}.group-search{font-size:10px}.route-group-search{font-size:9px}.map-message span{font-size:12px}.map-toolbar button{font-size:10px}.map-summary strong{font-size:16px}.map-summary span{font-size:10px}.details-close{font-size:23px}.details-title-row span:not(.route-swatch){font-size:9px}.details-title-row h2{font-size:17px}.stats-grid span,.elevation-head span{font-size:9px}.stats-grid strong{font-size:14px}.elevation-head small{font-size:10px}.details-footer{font-size:10px}.delete-button{font-size:10px}.toast{font-size:12px}.advanced-details summary{font-size:10px}.advanced-details summary:after{font-size:16px}.extra-stats span{font-size:8px}.extra-stats strong{font-size:12px}.splits-head span{font-size:10px}.splits-head small{font-size:8px}.split-row{font-size:10px}.details-compact small{font-size:8px}.details-compact strong{font-size:13px}.details-compact button{font-size:9px}
.map-toolbar{left:58px;max-width:calc(100% - 190px)}
@media(max-width:780px){.map-toolbar{left:54px;max-width:calc(100% - 68px)}}
.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 20px 9px}.backup-actions button{height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#59655d;font-size:10px;font-weight:700}.backup-actions button:hover{border-color:#9eaaa1;background:#f1f4ee;color:var(--forest)}
.route-layers{flex-wrap:wrap}.route-layers>span{flex:1 0 100%;margin-right:0}.route-layers label{flex:0 0 auto}
.sidebar{overflow:hidden}.route-list{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.route-card{flex-shrink:0}
.route-name{display:flex;align-items:center;gap:6px}.route-number{flex:0 0 auto;border-radius:5px;background:#e5e9e2;color:#526058;padding:2px 5px;font-size:9px;font-weight:800;letter-spacing:.4px}.route-card.selected .route-number{background:var(--forest);color:var(--lime)}
.library-report-button{display:flex;align-items:baseline;gap:8px;border:0;background:transparent;padding:4px 0;color:inherit;text-align:left}.library-report-button:hover .eyebrow,.library-report-button:hover strong{color:#315c43}.report-panel{position:fixed;inset:0;z-index:3000;background:#f5f6f1;display:none;flex-direction:column;color:var(--ink)}.report-panel.open{display:flex}.report-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;background:var(--forest);color:#fff}.report-header span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--lime)}.report-header h2{margin:3px 0 2px;font-size:22px}.report-header p{margin:0;color:#b9c5be;font-size:10px}.report-header-actions{display:flex;align-items:center;gap:9px}.report-header-actions button{height:34px;border:1px solid #ffffff38;border-radius:9px;background:#ffffff12;color:#fff;padding:0 13px;font-size:10px;font-weight:800}.report-header-actions button:hover{background:#ffffff22}.report-header-actions .report-close{width:36px;padding:0;font-size:23px}.report-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 28px 25px}.report-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:14px}.report-summary article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.report-summary span{display:block;color:#7e8881;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.report-summary strong{display:block;margin-top:3px;font-size:17px}.report-controls{display:flex;align-items:end;gap:10px;margin-bottom:10px}.report-controls label{font-size:8px;font-weight:800;color:#6f7972;text-transform:uppercase;letter-spacing:.6px}.report-controls select,.report-controls input{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#455149;outline:0;font-size:10px}.report-controls select{display:block;margin-top:4px;padding:0 30px 0 9px}.report-controls input{flex:1;padding:0 11px}.report-table-wrap{flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}.report-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.report-table th{position:sticky;top:0;z-index:1;background:#edf0e9;color:#657068;text-align:left;padding:9px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.report-table td{padding:9px 10px;border-top:1px solid #eceee9;vertical-align:top}.report-table tbody tr:hover{background:#f5f7f2}.report-table td:nth-child(2){min-width:190px;white-space:normal;font-weight:700}.report-table td:nth-child(5){min-width:180px;white-space:normal}.report-id{font-weight:900;color:#315c43}.report-group{display:inline-block;margin:0 3px 3px 0;padding:2px 5px;border-radius:5px;background:#e8eee5;color:#536159;font-size:8px;font-weight:700}.report-empty{text-align:center!important;color:#7d867f;padding:30px!important}@media(max-width:900px){.report-summary{grid-template-columns:repeat(2,1fr)}.report-header,.report-body{padding-left:14px;padding-right:14px}.report-controls{align-items:stretch;flex-direction:column}.report-controls input,.report-controls label,.report-controls select{width:100%}}@media print{.app-shell,.toast,.report-header-actions,.report-controls{display:none!important}.report-panel{position:static;display:block;background:#fff}.report-header{background:#fff;color:#111;padding:10px 0}.report-header span,.report-header p{color:#555}.report-body{padding:0}.report-summary{grid-template-columns:repeat(5,1fr)}.report-table-wrap{overflow:visible;border:0}.report-table{font-size:8px}.report-table th{position:static}.report-summary article{break-inside:avoid}}
.report-headings th{top:0}.report-headings button{border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.report-headings button:hover{color:#1f5437}.report-headings button.active:after{content:' ▲';color:#315c43}.report-headings button.active.desc:after{content:' ▼'}.report-filter-row th{top:29px;padding:4px 5px;background:#f4f6f1;overflow:visible}.report-multifilter{position:relative;min-width:78px;text-transform:none;letter-spacing:0}.report-filter-row th:nth-child(2) .report-multifilter{min-width:150px}.report-filter-row th:nth-child(6) .report-multifilter{min-width:130px}.report-multifilter>summary{height:25px;display:flex;align-items:center;justify-content:space-between;gap:5px;list-style:none;border:1px solid #dce1d8;border-radius:6px;background:#fff;color:#59645d;padding:0 6px;font-size:8px;white-space:nowrap;cursor:pointer}.report-multifilter>summary::-webkit-details-marker{display:none}.report-multifilter>summary:after{content:'⌄'}.report-filter-options{position:absolute;z-index:12;top:28px;left:0;min-width:100%;max-width:260px;max-height:230px;overflow:auto;padding:5px;background:#fff;border:1px solid #dce1d8;border-radius:8px;box-shadow:0 8px 25px #14251b2e}.report-filter-options label{display:flex;align-items:center;gap:6px;padding:5px;border-radius:5px;font-size:9px;font-weight:600;text-transform:none;letter-spacing:0;white-space:normal;cursor:pointer}.report-filter-options label:hover{background:#f0f3ed}.report-filter-options input{accent-color:var(--forest)}@media print{.report-filter-row{display:none}.report-headings th{top:0}}
.report-table td:nth-child(5){min-width:100px;white-space:normal;font-weight:400}.report-table td:nth-child(6){min-width:180px;white-space:normal}
.report-filter-row th:has(.report-multifilter[open]){z-index:20}
.report-clear-filters{height:34px;flex:0 0 auto;border:1px solid #cfd6ce;border-radius:9px;background:#fff;color:#59655d;padding:0 12px;font-size:10px;font-weight:800}.report-clear-filters:hover{background:#e9eee7;color:#254c35}
.library-map-actions{display:flex;align-items:center;gap:5px}
.route-card.selected{background:#eef5df;border-color:#a8c66a;box-shadow:inset 4px 0 0 var(--forest),0 7px 20px rgba(18,33,24,.1)}
.route-group-row{display:flex;align-items:flex-start;gap:5px;margin-top:7px;min-width:0}.route-group-label{flex:0 0 auto;padding-top:4px;color:#8a938c;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.route-group-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.route-group-tag{max-width:135px;border:1px solid #d5dfcf;border-radius:6px;background:#edf3e9;color:#496051;padding:3px 6px;font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-group-tag:hover{background:var(--forest);border-color:var(--forest);color:var(--lime)}.route-group-tag.ungrouped{background:#f1f1ed;color:#737c76}.route-group-row .route-group-picker{flex:0 0 auto;width:24px;margin:0;position:relative}.route-group-row .route-group-picker>summary{width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#879188;overflow:visible}.route-group-row .route-group-picker>summary:after{display:none}.route-group-row .route-group-picker>summary:hover{background:#e6ebe2;color:#315c43}.route-group-row .route-group-picker>summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.route-group-row .route-group-menu{left:auto;right:0;top:27px}
.library-head{gap:8px}.library-map-actions{gap:3px}.library-map-actions .icon-button{width:27px;height:27px;border-radius:7px;font-size:13px}.route-layers{margin:0 20px 7px;padding:6px 8px;gap:7px;justify-content:space-between;flex-wrap:nowrap}.route-layers label{gap:4px}.route-layers i{width:21px;height:12px}.route-layers i:after{width:8px;height:8px}.route-layers input:checked+i:after{transform:translateX(9px)}.route-layers b{font-size:8px}
.library-map-actions .icon-button{display:grid;place-items:center;padding:0;transition:.16s}.library-map-actions .icon-button:hover{background:var(--forest);border-color:var(--forest);color:var(--lime);transform:translateY(-1px)}.library-map-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.route-card{padding:8px 9px;gap:8px}.route-toggle{width:22px;height:22px}.route-name{margin-bottom:2px}.route-meta{gap:6px}.route-group-row{margin-top:4px;gap:4px}.route-group-tag{padding:2px 5px}.route-group-row .route-group-picker,.route-group-row .route-group-picker>summary{width:21px;height:21px}.route-group-label{padding-top:3px}.route-actions{gap:2px}.route-edit,.route-delete{width:22px;height:22px}.route-list{padding-bottom:16px}
.route-list{padding-left:8px;padding-right:8px}.route-card{grid-template-columns:21px 1fr auto;padding:5px 7px;gap:6px;border-radius:9px}.route-toggle{width:20px;height:20px;margin-top:1px;border-radius:6px}.route-toggle:checked:after{font-size:12px}.route-name{font-size:12px;line-height:16px;margin:0 0 1px;gap:4px}.route-number{padding:1px 4px;font-size:8px}.route-meta{font-size:9px;line-height:12px;gap:5px}.route-group-row{margin-top:2px;gap:3px;align-items:center;min-height:18px}.route-group-label{padding-top:0;font-size:7px}.route-group-tags{gap:3px;flex-wrap:nowrap;overflow:hidden}.route-group-tag{max-width:105px;padding:1px 4px;border-radius:5px;font-size:7px;line-height:14px}.route-group-row .route-group-picker,.route-group-row .route-group-picker>summary{width:18px;height:18px}.route-group-row .route-group-picker>summary svg{width:11px;height:11px}.route-group-row .route-group-menu{top:20px}.route-actions{gap:1px}.route-style{width:26px;height:6px}.route-edit,.route-delete{width:19px;height:19px;border-radius:5px}.route-edit svg,.route-delete svg{width:12px;height:12px}
.route-group-tags{flex:1;overflow-x:auto;scrollbar-width:none}.route-group-tags::-webkit-scrollbar{display:none}
.route-name{font-size:14px}.route-number{font-size:10px}.route-meta{font-size:11px}.route-group-label{font-size:9px}.route-group-tag{font-size:9px}
.group-tabs-shell{position:relative;height:27px;z-index:80}.group-tabs-shell .group-tabs{height:27px}.group-tabs-shell:hover .group-tabs,.group-tabs-shell:focus-within .group-tabs{position:absolute;z-index:80;left:0;right:0;top:0;width:100%;height:auto;max-height:230px;overflow-x:hidden;overflow-y:auto;flex-wrap:wrap;align-content:flex-start;padding:7px;border:1px solid #d8ddd5;border-radius:10px;background:#fff;box-shadow:0 12px 30px #14251b35}.group-tabs-shell:hover .group-tab-wrap,.group-tabs-shell:focus-within .group-tab-wrap{flex:0 0 auto}.group-tabs-shell:hover .group-tabs::-webkit-scrollbar,.group-tabs-shell:focus-within .group-tabs::-webkit-scrollbar{width:5px;height:0}
.route-group-row .route-group-menu{left:0;right:auto}
.route-external{width:19px;height:19px;border:0;border-radius:5px;background:transparent;color:#7c8980;display:grid;place-items:center;padding:0;opacity:0;transition:.18s}.route-card:hover .route-external,.route-card.selected .route-external{opacity:1}.route-external:hover{background:#e3eee7;color:#1f7044}.route-external svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:780px){.route-external{opacity:1}}
.route-actions{align-self:center;display:flex;align-items:center;gap:3px}.route-actions .route-style{width:34px;height:9px;margin:0 4px 0 1px;border-radius:5px;box-shadow:0 1px 3px #0002}.route-edit,.route-external,.route-delete{width:27px;height:27px;border-radius:7px;opacity:1;color:#6f7b73}.route-edit svg,.route-external svg,.route-delete svg{width:15px;height:15px;stroke-width:1.8}.route-edit:hover{background:#dfece2;color:#27633d}.route-external:hover{background:#dcece5;color:#176c42}.route-delete:hover{background:#f5dfdc;color:#a63e36}
@media(max-width:780px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.app-shell{display:block;height:auto;min-height:100dvh;overflow:visible}.sidebar{height:auto;min-height:0;overflow:visible;box-shadow:0 8px 25px rgba(17,30,23,.12)}.route-list{flex:none;min-height:180px;max-height:42dvh;overflow-y:auto;padding-bottom:10px}.map-panel{height:62dvh;min-height:430px}.map-panel #map{position:absolute}.details-panel{max-height:calc(100% - 16px);overflow-y:auto}.details-panel.minimized{left:8px;right:8px;max-width:none}.map-toolbar{top:10px}.app-footer{flex:0 0 auto}}