.kip-dashboard-container{padding:20px;max-width:1400px;margin:0 auto;color:#e1e7ef;box-sizing:border-box}.kip-header{background:linear-gradient(90deg,#007acc 60%,#00eaff);color:#fff;padding:30px;border-radius:12px;text-align:center;margin-bottom:30px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.kip-header h1{margin:0 0 10px;font-size:32px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word}.kip-header p{margin:0;font-size:18px;opacity:.9;word-wrap:break-word;overflow-wrap:break-word}.kip-loader-overlay{position:fixed;inset:0;background:#1a1a1af2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:#fff}.kip-loader-card{background:linear-gradient(135deg,#007acc,#4caf50);padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;max-width:400px;width:90%}.kip-loader-icon{margin-bottom:20px;display:grid;place-items:center}.kip-loader-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #fff;border-radius:50%;animation:kip-spin 1.5s linear infinite;margin:0 auto 24px}.kip-loader-card h2{margin:0 0 16px;font-size:24px;font-weight:700}.kip-loader-message{font-size:16px;opacity:.9;margin-bottom:24px;line-height:1.5}.kip-loader-status-row{display:flex;gap:12px;justify-content:center;align-items:center;font-size:14px}.kip-loader-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff3;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.kip-loader-pill.is-ready{background:#4caf504d;border-color:#4caf50}.kip-loader-pill-icon{display:inline-flex}.kip-error-banner{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:15px;border-radius:8px;text-align:center;margin-bottom:20px;font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.kip-last-updated{text-align:center;color:#aaa;font-size:14px;margin-bottom:30px;padding:0;display:flex;align-items:center;justify-content:center;gap:8px}.kip-live-dot{width:8px;height:8px;border-radius:50%;background-color:#4caf50;animation:kip-pulse 2s infinite}.kip-live-label{color:#4caf50;font-size:12px}.kip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(15px,2vw,25px);margin-bottom:20px;width:100%}.dashboard-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:clamp(8px,1.5vw,12px);padding:clamp(15px,3vw,25px);box-shadow:0 4px 20px #0000004d;width:100%;min-height:fit-content;box-sizing:border-box}.dashboard-card.is-compact{padding:20px;border-radius:12px}.dashboard-card.is-flush{padding:0;height:fit-content}.kip-card-header{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);margin-bottom:clamp(15px,3vw,20px);padding-bottom:clamp(8px,1.5vw,12px);border-bottom:1px solid rgba(255,255,255,.1)}.kip-card-header.is-padded{padding-top:clamp(15px,3vw,20px);padding-left:clamp(15px,3vw,20px);padding-right:clamp(15px,3vw,20px);margin-bottom:0}.kip-card-icon{font-size:clamp(18px,3vw,24px);width:clamp(32px,5vw,40px);height:clamp(32px,5vw,40px);background:linear-gradient(45deg,#007acc,#4caf50);border-radius:clamp(6px,1vw,8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kip-card-header h3{font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#fff;margin:0}.kip-video-image{width:100%;max-width:100%;height:auto;border-radius:clamp(6px,1vw,8px);border:2px solid rgba(255,255,255,.1);display:block}.kip-video-image.is-hidden{display:none}.kip-video-fallback{display:none;padding:40px;text-align:center;color:#666;font-size:16px}.kip-video-fallback.is-visible{display:block}.kip-map-canvas,.kip-map-error{width:100%;aspect-ratio:16 / 9;border-radius:12px}.kip-map-canvas{overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0f1720}.kip-map-error{border:1px solid rgba(255,95,86,.35);background:#ff5f5614;color:#f3f6fb;display:grid;place-items:center;text-align:center;padding:24px;box-sizing:border-box}.kip-map-error strong{display:block;margin-bottom:10px;font-size:18px}.kip-map-error p{margin:6px 0;max-width:40ch}.kip-map-error code{color:#8be9ff}.kip-legend-wrap{padding:16px 0 0}.kip-legend{margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.kip-legend-item{display:flex;align-items:center;gap:8px}.kip-legend-slot{width:20px;height:28px;border-radius:4px}.kip-legend-slot.is-normal{background-color:#4caf50}.kip-legend-slot.is-ev{background-color:#2196f3}.kip-legend-slot.is-guest{background-color:#ffc107}.kip-legend-slot.is-occupied{background-color:#f44336}.kip-panel{background:#f5f5f5;padding:20px;border-radius:8px;position:relative;max-width:100%;overflow:auto}.kip-parking-scale{min-width:min-content;transform:scale(var(--parking-scale, 1));transform-origin:right center;--parking-scale: min(1, (100vw - 80px) / 600) }.kip-row{display:flex;gap:4px}.kip-row.is-ev-row{margin-bottom:20px;justify-content:flex-end;padding-right:1px;flex-direction:row-reverse}.kip-row.is-main-row{margin-bottom:20px;margin-left:0;flex-direction:row-reverse}.kip-row.is-bottom-row{margin-left:140px;justify-content:flex-end}.kip-row-group{display:flex;gap:4px;flex-shrink:0;flex-direction:row-reverse}.kip-row-group.is-offset{margin-left:4px}.kip-slot-gap{width:40px}.parking-slot{width:18px;height:26px;border-radius:3px;transform:perspective(20px) rotateX(-10deg);transition:all .3s ease;position:relative;flex-shrink:0;background-color:#4caf50}.parking-slot.is-ev{width:19px;background-color:#2196f3}.parking-slot.is-guest{background-color:#ffc107}.parking-slot.is-occupied{background-color:#f44336}.parking-slot-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:7px;color:#fff;font-weight:700}.kip-overview-content{padding:18px 20px 20px;display:grid;gap:12px}.kip-stats-panel{background:#171717;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px}.kip-stats-header{display:flex;justify-content:space-between;color:#9aa4af;font-size:12px;margin-bottom:8px}.kip-progress{width:100%;height:10px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:#2c2c2c}.kip-progress::-webkit-progress-bar{background:#2c2c2c;border-radius:999px}.kip-progress::-webkit-progress-value{background:linear-gradient(90deg,#ff5b5b,#ff9e4a);border-radius:999px}.kip-progress::-moz-progress-bar{background:linear-gradient(90deg,#ff5b5b,#ff9e4a);border-radius:999px}.kip-progress.is-normal::-webkit-progress-value,.kip-progress.is-normal::-moz-progress-bar{background:#4caf50}.kip-progress.is-ev::-webkit-progress-value,.kip-progress.is-ev::-moz-progress-bar{background:#2196f3}.kip-progress.is-guest::-webkit-progress-value,.kip-progress.is-guest::-moz-progress-bar{background:#ffc107}.available-slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.available-slots-grid.is-available-list{grid-template-columns:repeat(3,1fr);gap:15px}.kip-metric-card{background:#171717;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px}.kip-metric-label{color:#d9e2ec;font-size:12px;margin-bottom:8px}.kip-metric-value{color:#f44336;font-weight:700;font-size:18px}.kip-metric-meta{color:#9aa4af;font-size:11px;margin-bottom:8px}.kip-availability-column{text-align:center}.kip-availability-title{font-weight:600;margin-bottom:10px;font-size:14px}.kip-availability-title.is-normal{color:#4caf50}.kip-availability-title.is-ev{color:#2196f3}.kip-availability-title.is-guest{color:#ffc107}.kip-availability-list{display:flex;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto}.kip-availability-pill{padding:8px;border-radius:4px;font-size:12px}.kip-availability-pill.is-normal{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.kip-availability-pill.is-ev{background:#2196f31a;border:1px solid rgba(33,150,243,.3)}.kip-availability-pill.is-guest{background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.kip-empty-state{color:#666;font-size:12px}.light-theme .kip-dashboard-container{color:#1f2937!important}.light-theme .kip-header{background:linear-gradient(90deg,#e8f1ff,#dff7ff)!important;color:#0f172a!important;box-shadow:0 4px 16px #0f172a14!important}.light-theme .dashboard-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 14px #0f172a0f!important}.light-theme .dashboard-card h3{color:#111827!important}.light-theme .kip-panel{background:#f8fafc!important;border-color:#e5e7eb!important;color:#1f2937!important}@keyframes kip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kip-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:768px){.kip-dashboard-container{padding:12px!important;overflow-x:hidden!important;width:100%!important}.kip-header{padding:20px!important;margin-bottom:20px!important}.kip-header h1{font-size:24px!important}.kip-header p{font-size:14px!important}.kip-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;width:100%!important;overflow-x:hidden!important}.dashboard-card{width:100%!important;overflow:hidden!important}.parking-summary-table{font-size:12px!important}.parking-summary-table th,.parking-summary-table td{padding:8px 4px!important}.available-slots-grid{grid-template-columns:1fr!important;gap:12px!important}.parking-slot{width:16px!important;height:22px!important;font-size:6px!important}.dashboard-card{padding:16px!important}.dashboard-card h3{font-size:16px!important}}@media(max-width:480px){.kip-dashboard-container{padding:8px!important;overflow-x:hidden!important;width:100%!important}.kip-header{padding:16px!important;margin-bottom:16px!important}.kip-header h1{font-size:20px!important}.kip-header p{font-size:12px!important}.kip-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;overflow-x:hidden!important}.dashboard-card{width:100%!important;overflow:hidden!important;padding:12px!important}.parking-summary-table{font-size:11px!important}.parking-summary-table th,.parking-summary-table td{padding:6px 3px!important}.dashboard-card h3{font-size:15px!important}.parking-slot{width:14px!important;height:20px!important;font-size:5px!important}}@media(max-width:768px)and (orientation:landscape){.kip-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:12px!important}.available-slots-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.kip-header{padding:15px!important;margin-bottom:15px!important}.kip-header h1{font-size:20px!important}.kip-header p{font-size:12px!important}}@media(max-width:360px){.parking-summary-table,.parking-summary-table thead,.parking-summary-table tbody,.parking-summary-table tr,.parking-summary-table th,.parking-summary-table td{display:block!important}.parking-summary-table tr{margin-bottom:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:8px!important}.parking-summary-table th,.parking-summary-table td{border:none!important;padding:4px 0!important;text-align:left!important}.parking-summary-table th{font-weight:700!important;color:#00eaff!important;border-bottom:1px solid rgba(255,255,255,.1)!important;margin-bottom:4px!important}}@media(min-width:769px)and (max-width:1024px){.kip-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}}@media(min-width:1025px){.kip-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}}@media(min-width:1440px){.kip-grid{grid-template-columns:repeat(2,1fr)!important;gap:30px!important}}