body{margin:0}.auth-loading-container{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-loading-spinner{animation:auth-spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:60px;margin-bottom:24px;width:60px}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-loading-text{animation:auth-pulse 1.5s ease-in-out infinite;color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.auth-loading-spinner{border-width:3px;height:48px;margin-bottom:20px;width:48px}.auth-loading-text{font-size:14px}}.login-container{align-items:center;background:#2e3e75;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:16px;position:relative}.login-box{background:#fff;border-radius:16px;box-shadow:0 30px 90px #0006,0 15px 40px #00000040,0 5px 15px #00000026;max-width:420px;padding:48px 40px;position:relative;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.login-box:hover{box-shadow:0 35px 100px #00000073,0 20px 50px #0000004d,0 10px 20px #0003;transform:translateY(-5px)}.login-logo{margin-bottom:24px;text-align:center}.login-logo img{height:auto;max-width:264px}.login-header{margin-bottom:32px;text-align:center}.login-subtitle{color:#7f8c8d;font-size:16px;font-weight:600}.login-form{display:flex;flex-direction:column;gap:24px}.login-error{background-color:#fee;border:1px solid #c13944;border-radius:8px;color:#c13944}.login-error,.login-success{font-size:14px;padding:12px 16px;text-align:center}.login-success{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32}.login-container .form-group{display:flex;flex-direction:column;gap:8px}.login-container .form-group label{color:#2c3e50;font-size:14px;font-weight:600}.form-group input{background:#fff;border:2px solid #e9ecef;color:#2c3e50;font-size:16px;transition:all .3s ease}.form-group input:disabled{background-color:#f5f5f5}.login-button{background:#2e3e75;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){background:#1a2444;box-shadow:0 8px 20px #2e3e754d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:24px;text-align:center}.forgot-password-link{background:none;border:none;color:#2e3e75;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover:not(:disabled){color:#1a2444;text-decoration:underline}.forgot-password-link:disabled{cursor:not-allowed;opacity:.6}.login-developer-credit{bottom:20px;color:#ffffffb3;font-size:13px;font-weight:500;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}@media (max-width:480px){.login-box{padding:32px 24px}.login-header h1{font-size:24px}.login-subtitle{font-size:16px}}.ship-chat-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.ship-chat-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:95%}.ship-chat-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.ship-chat-title{align-items:center;display:flex;flex:1 1;gap:12px}.chat-icon{flex-shrink:0;height:28px;width:28px}.ship-chat-title h2{font-size:20px;font-weight:600;margin:0}.ship-chat-subtitle{font-size:13px;font-weight:400;margin:4px 0 0;opacity:.9}.ship-chat-body{background:#f9fafb;overflow:hidden}.messages-container,.ship-chat-body{display:flex;flex:1 1;flex-direction:column}.messages-container{gap:16px;overflow-y:auto;padding:20px}.message{animation:messageSlide .3s ease;display:flex;gap:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:4px;width:40px}.message-user .message-avatar{background:#fff;border:2px solid #2e3e75;color:#fff;padding:4px}.message-assistant .message-avatar{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.message-avatar svg{height:22px;width:22px}.message-content{flex:1 1;max-width:70%;position:relative}.message-user .message-content{text-align:left}.message-header{margin-bottom:4px}.message-sender{color:#6b7280;font-size:12px;font-weight:600}.message-text{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.55;padding:14px 18px;white-space:pre-wrap}.message-user .message-text{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-bottom-right-radius:4px;box-shadow:0 2px 8px #2e3e7533;color:#fff}.message-user .message-text strong{color:#fff;font-size:1.05em;font-weight:700}.message-user .message-text p{line-height:1.3;margin:0 0 2px}.message-assistant .message-text{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000d;color:#374151}.copy-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;bottom:-24px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;gap:4px;opacity:0;padding:4px 8px;position:absolute;right:0;transition:all .2s ease}.message-content:hover .copy-button{opacity:1}.copy-button:hover{background:#f3f4f6;border-color:#2e3e75;color:#2e3e75}.copy-button svg{height:14px;width:14px}.message-text a{border-bottom:1px solid #0000;color:#3b82f6;font-weight:500;text-decoration:none;transition:all .2s ease}.message-text a:hover{border-bottom-color:#2563eb;color:#2563eb}.message-text strong{color:#1f2937;font-weight:600}.message-text p{line-height:1.3;margin:0 0 2px}.message-text p:last-child{margin-bottom:0}.avatar-logo{border-radius:50%;height:100%;object-fit:contain;width:100%}.message-text ol,.message-text ul{list-style-position:outside;margin:2px 0 4px;padding-left:20px}.message-text li{line-height:1.3;margin:0;padding-left:2px}.message-text li p{display:inline;margin:0}.message-text li ol,.message-text li ul{margin:0}.message-text h1,.message-text h2,.message-text h3,.message-text h4{color:#1f2937;font-weight:600;margin:6px 0 4px}.message-text h1:first-child,.message-text h2:first-child,.message-text h3:first-child,.message-text h4:first-child{margin-top:0}.message-text h1{font-size:1.5em}.message-text h2{font-size:1.3em}.message-text h3{font-size:1.1em}.message-text h4{font-size:1em}.message-text code{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.message-text table{border-collapse:collapse;font-size:13px;margin:4px 0;width:100%}.message-text td,.message-text th{border:1px solid #e5e7eb;line-height:1.3;padding:4px 8px;text-align:left}.message-text th{background:#f9fafb;color:#1f2937;font-weight:600}.message-text td{background:#fff}.typing-indicator{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.error-message{color:#dc2626;gap:8px;margin:8px 0;padding:12px 16px}.ship-chat-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:16px 20px}.chat-disclaimer{align-items:flex-start;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.disclaimer-icon{color:#f59e0b;flex-shrink:0;height:20px;margin-top:2px;width:20px}.chat-disclaimer p{color:#78350f;font-size:13px;line-height:1.5;margin:0}.chat-disclaimer strong{color:#92400e;font-weight:600}@media (max-width:768px){.ship-chat-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.ship-chat-header{border-radius:0;padding:16px}.ship-chat-title h2{font-size:18px}.ship-chat-subtitle{font-size:12px}.messages-container{padding:16px 12px}.message-content{max-width:80%}.message-text{font-size:13px;padding:10px 14px}.chat-input{font-size:16px}}.modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e3e75bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1200}.modal-content{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff80;overflow:hidden}.modal-header{border-bottom:1px solid #eaeaea;gap:12px;padding:24px 32px}.modal-header h2{flex:1 1;font-size:24px;max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:44px}.modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.modal-close svg{height:20px;transition:transform .3s ease;width:20px}.modal-body{flex:1 1;padding:32px}.modal-error,.modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2e3e75;height:50px;width:50px}.modal-error{color:#ef4444}.ship-photo-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 8px 24px #00000026,0 0 0 1px #2e3e751a;display:flex;justify-content:center;margin-bottom:32px;max-height:450px;min-height:350px;overflow:hidden;position:relative}.ship-photo{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));max-height:450px;object-fit:contain;object-position:center;width:100%}.ship-photo-container:hover .ship-photo{transform:none}.ship-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.detail-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f9fafbf2);border:1px solid #2e3e751a;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:all .3s ease}.detail-section:hover{border-color:#2e3e7533;box-shadow:0 4px 12px #2e3e7526;transform:translateY(-2px)}.detail-section h3{align-items:center;color:#2e3e75;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}.detail-section h3:before{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-radius:2px;content:"";height:16px;width:4px}.detail-row{align-items:flex-start;border-bottom:1px solid #e5e7eb80;gap:12px;justify-content:space-between;padding:12px 0;transition:all .2s ease}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:hover{border-color:#2e3e7533;padding-left:4px}.detail-label{color:#6b7280;flex-shrink:0;letter-spacing:.03em;min-width:80px;text-transform:uppercase}.detail-label,.detail-value{font-size:14px;font-weight:600}.detail-value{color:#1f2937;max-width:60%;overflow-wrap:break-word;text-align:right;word-break:break-word}.modal-footer{background:#f9fafb80;border-top:1px solid #eaeaea80;padding:24px 32px}.footer-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;width:100%}.chat-gpt-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.chat-gpt-button:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.chat-gpt-button svg{height:16px;width:16px}.external-link{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:6px;box-shadow:0 2px 8px #2e3e7533;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.external-link:hover{background:linear-gradient(135deg,#1e3a8a,#2e3e75);box-shadow:0 4px 12px #2e3e7566;transform:translateY(-2px)}.external-link svg{height:16px;transition:transform .3s ease;width:16px}.external-link:hover svg{transform:translateX(2px)}@media (max-width:768px){.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:20px;max-width:calc(100% - 48px)}.modal-close{height:48px;width:48px}.modal-body{padding:20px}.ship-details-grid{gap:16px;grid-template-columns:1fr}.modal-footer{padding:16px 20px}}@media (max-width:420px){.modal-header h2{font-size:18px;max-width:calc(100% - 48px)}.detail-row{flex-direction:column;gap:4px}.detail-value{max-width:100%;text-align:left}}.photo-upload-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ship-photo-container:hover .photo-upload-overlay{opacity:1}.photo-upload-button{align-items:center;background:#fff;border-radius:8px;color:#2e3e75;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.photo-upload-button:hover{transform:scale(1.05)}.photo-upload-button svg{height:20px;width:20px}.ship-photo-container.no-photo{align-items:center;background:#f3f4f6;display:flex;justify-content:center}.photo-upload-empty{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:32px;transition:all .3s ease}.photo-upload-empty:hover{color:#2e3e75;transform:scale(1.05)}.photo-upload-empty svg{height:48px;width:48px}.cancel-button,.save-button{font-size:14px}.save-button{margin-left:12px}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.save-button:disabled{cursor:not-allowed;opacity:.6}.harbor-stats-overlay{grid-gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e3e75f2;border:2px solid #fff3;border-radius:12px;bottom:20px;box-shadow:0 8px 24px #0000004d;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);left:20px;padding:16px;pointer-events:auto;position:absolute;right:20px;transition:all .3s ease;z-index:1000}.harbor-stats-overlay:hover{box-shadow:0 12px 32px #0006;transform:translateY(-4px)}.stat-box{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease}.stat-box:hover{background:#ffffff26;border-color:#ffffff4d}.box-header{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;text-shadow:0 1px 2px #00000080;text-transform:uppercase;white-space:nowrap}.header-icon{flex-shrink:0;height:14px;width:14px}.compass-box{position:relative}.compass-container{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.compass-rose{height:100%;position:absolute;width:100%}.compass-label{color:#fff;font-size:10px;font-weight:700;position:absolute;text-shadow:0 2px 4px #00000080;-webkit-user-select:none;user-select:none}.compass-label.north{left:50%;top:4px;transform:translateX(-50%)}.compass-label.south{bottom:4px;left:50%;transform:translateX(-50%)}.compass-label.east{right:4px;top:50%;transform:translateY(-50%)}.compass-label.west{left:4px;top:50%;transform:translateY(-50%)}.direction-arrow{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));height:50px;left:50%;margin-left:-25px;margin-top:-25px;pointer-events:none;position:absolute;top:50%;transition:transform .8s ease;width:50px}.arrow-svg{height:100%;width:100%}.wind-arrow{height:45px;margin-left:-22.5px;margin-top:-22.5px;width:45px;z-index:2}.wave-arrow{z-index:1}.count-box,.count-display{justify-content:center}.count-display{align-items:center;display:flex;flex:1 1}.count-number{color:#fff;font-size:36px;font-weight:700;line-height:1;text-shadow:0 2px 8px #00000080}.arrivals-box{border-left:3px solid #10b981}.arrivals-box .count-number{color:#10b981}.departures-box{border-left:3px solid #f59e0b}.departures-box .count-number{color:#f59e0b}.box-footer{color:#fffc;font-size:11px;font-weight:600;text-shadow:0 1px 2px #00000080;white-space:nowrap}@media (max-width:1024px){.harbor-stats-overlay{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.compass-container{height:70px;width:70px}.direction-arrow{height:45px;margin-left:-22.5px;margin-top:-22.5px;width:45px}.wind-arrow{height:40px;margin-left:-20px;margin-top:-20px;width:40px}.count-number{font-size:32px}}@media (max-width:768px){.harbor-stats-overlay{display:none!important}}.date-navigator{align-items:center;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 12px}.date-nav-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.date-nav-button:hover:not(:disabled){background:#f3f4f6;border-color:#2e3e75;color:#2e3e75}.date-nav-button:disabled{cursor:not-allowed;opacity:.4}.date-nav-button svg{height:18px;width:18px}.today-button{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.today-button:hover:not(:disabled){background:linear-gradient(135deg,#3a4d8f,#2e3e75);box-shadow:0 2px 6px #2e3e754d;transform:translateY(-1px)}.today-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.today-button.active{background:#10b981;cursor:default}.date-display{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;min-width:120px;padding:6px 12px}.calendar-icon{color:#6b7280;flex-shrink:0;height:16px;width:16px}.date-text{color:#1f2937;font-size:14px;font-weight:600;white-space:nowrap}@media (max-width:768px){.date-navigator{gap:6px;padding:6px 8px}.date-nav-button{height:28px;width:28px}.today-button{font-size:12px;padding:5px 12px}.date-display{min-width:100px;padding:5px 10px}.date-text{font-size:13px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.harbor-map-widget{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;margin-bottom:2rem;overflow:visible;position:relative}.map-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-radius:20px 20px 0 0;color:#fff;padding:16px 20px}.header-top-row{justify-content:space-between}.header-top-row,.map-header h3{align-items:center;display:flex;gap:12px}.map-header h3{font-size:18px;font-weight:600;margin:0}.ship-count-badge{align-items:center;background:#3b82f6e6;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:0 8px;position:relative;transition:all .3s ease}.ship-count-badge.active{animation:badgePulse 2s ease-in-out infinite;background:#3b82f6e6}.ship-count-badge.empty{animation:none;background:#ef4444;color:#fff}@keyframes badgePulse{0%,to{box-shadow:0 2px 6px #00000026,0 0 0 0 #3b82f6b3}50%{box-shadow:0 2px 6px #00000026,0 0 0 8px #3b82f600}}.date-navigator-row{align-items:center;display:flex;gap:.5rem}.map-header .last-updated{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fffffff2;display:flex;font-size:.875rem;font-weight:600;gap:8px;height:100%;margin:0;padding:8px 12px;position:relative;white-space:nowrap;z-index:1}.data-source-badge{align-items:center;border-radius:6px;box-shadow:0 2px 4px #00000026;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.data-source-badge.firebase{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.data-source-badge.api{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.today-stats{border-top:1px solid #fff3;display:flex;gap:16px;padding-top:12px}.stat-item{background:#ffffff1a;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s ease}.stat-item:hover{background:#ffffff26;transform:translateY(-2px)}.stat-number{color:#fff;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#ffffffd9;font-size:.813rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-item.arrivals{border-left:3px solid #10b981}.stat-item.departures{border-left:3px solid #f59e0b}.harbor-map-container{background:#fff;height:675px;overflow:visible;position:relative;width:100%}.harbor-map{border-radius:0}.map-info{align-items:center;background:#2e3e750d;border-top:1px solid #2e3e751a;color:#64748b;display:flex;font-size:.813rem;gap:8px;line-height:1.5;padding:12px 20px}.color-legend{border-left:1px solid #e5e7eb;display:inline-flex;gap:16px;margin-left:12px;padding-left:12px}.legend-item{align-items:center;display:inline-flex;font-weight:500;gap:6px}.color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:12px;width:12px}.color-dot.live{background:#ef4444}.color-dot.historical{background:#3b82f6}.ship-icon{background:#0000!important;border:none!important;cursor:pointer;transition:transform .2s ease}.ship-icon:hover{transform:scale(1.1);z-index:1000!important}.ship-icon:focus-visible{border-radius:50%;outline:3px solid #3b82f6;outline-offset:2px}.ship-marker-container{align-items:center;display:flex;height:32px;justify-content:center;position:relative;width:32px}.ship-marker-pulse{animation:shipPulse 2s ease-out infinite;background:#ef444466;border-radius:50%;height:32px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}@keyframes shipPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.ship-tooltip{font-size:13px;line-height:1.5;max-width:250px;min-width:180px;padding:8px;text-align:center}.ship-tooltip-photo{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.ship-tooltip-photo img{height:100%;object-fit:cover;object-position:center;width:100%}.ship-tooltip strong{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.ship-tooltip .berth-id{background:#2e3e751a;border-radius:4px;color:#2e3e75;display:inline-block;font-size:12px;font-weight:600;margin:4px 0;padding:2px 8px}.ship-tooltip .tooltip-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ship-tooltip .tooltip-time{color:#2e3e75;font-size:12px;font-weight:500}.ship-tooltip .tooltip-duration{background:#0596691a;border-radius:4px;color:#059669;display:inline-block;font-size:12px;font-weight:600;padding:2px 6px}.leaflet-container{font-family:inherit;position:relative!important;z-index:auto!important}.leaflet-tooltip{background:#fff!important;border:2px solid #2e3e75!important;border-radius:12px!important;box-shadow:0 8px 24px #0003!important;padding:8px 12px!important;z-index:99999!important}.leaflet-tooltip-top:before{border-top-color:#2e3e75!important}.leaflet-tooltip-pane{pointer-events:none!important;z-index:99999!important}.leaflet-tooltip-pane .leaflet-tooltip{pointer-events:auto!important}.leaflet-marker-pane{z-index:600!important}.ship-marker-tooltip{background:#1e293bf2!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 16px #0000004d!important;min-width:220px!important;padding:0!important;z-index:99999!important}.ship-marker-tooltip .tooltip-content{color:#fff;cursor:pointer;outline:none;padding:12px 14px}.ship-marker-tooltip .tooltip-content:focus-visible{border-radius:8px;outline:2px solid #3b82f6;outline-offset:2px}.ship-marker-tooltip .tooltip-ship-name{border-bottom:1px solid #fff3;color:#fff;font-size:15px;font-weight:700;margin-bottom:8px;padding-bottom:8px}.ship-marker-tooltip .tooltip-info{align-items:center;color:#ffffffe6;display:flex;font-size:13px;gap:6px;line-height:1.4;margin-bottom:4px}.ship-marker-tooltip .tooltip-info:last-of-type{margin-bottom:8px}.ship-marker-tooltip .tooltip-info strong{color:#ffffffb3;font-size:12px;font-weight:600;margin-right:4px}.ship-marker-tooltip .tooltip-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:12px;opacity:.8}.ship-marker-tooltip .tooltip-time-value{font-weight:600}.ship-marker-tooltip .tooltip-hint{border-top:1px solid #ffffff26;color:#9ca3af;font-size:11px;font-style:italic;margin-top:8px;padding-top:8px;text-align:center}.ship-marker-tooltip.leaflet-tooltip-top:before{border-top-color:#1e293bf2!important}.ship-marker-tooltip.leaflet-tooltip-bottom:before{border-bottom-color:#1e293bf2!important}.ship-marker-tooltip.leaflet-tooltip-left:before{border-left-color:#1e293bf2!important}.ship-marker-tooltip.leaflet-tooltip-right:before{border-right-color:#1e293bf2!important}@media (max-width:768px){.harbor-map-widget{border-radius:12px;box-sizing:border-box;margin-bottom:1rem;margin-left:0;margin-right:0;max-width:100%;width:100%}.harbor-map-container{border-radius:0 0 12px 12px;height:400px}.map-header{border-radius:12px 12px 0 0;padding:12px 16px}.header-top-row{align-items:flex-start;flex-direction:column;gap:8px}.map-header h3{font-size:15px}.ship-count-badge{font-size:16px;height:32px;min-width:32px}.today-stats{flex-direction:column;gap:12px}.stat-number{font-size:24px}.stat-label{font-size:.75rem}.date-navigator-row{align-items:stretch;flex-direction:column;gap:.5rem;margin-top:8px;max-width:100%;overflow:hidden;width:100%}.map-header .last-updated{flex-shrink:1;font-size:.75rem;gap:6px;max-width:100%;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.data-source-badge{flex-shrink:0;font-size:.625rem;padding:2px 6px}}@media (max-width:400px){.harbor-map-widget{border-radius:8px}.harbor-map-container{height:350px}.map-header{padding:10px 12px}.map-header h3{font-size:14px}.map-header .last-updated{font-size:.688rem;gap:4px;padding:5px 8px}.data-source-badge{font-size:.563rem;padding:2px 5px}}.sidebar{background:linear-gradient(180deg,#2e3e75,#1f2a4f);bottom:0;box-shadow:4px 0 24px #00000026;color:#fff;left:0;position:fixed;top:0;transition:transform .3s ease;width:200px;z-index:1000}.sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{align-items:center;gap:12px;padding:24px 20px}.sidebar-logo{filter:brightness(0) invert(1);height:auto;width:140px}.sidebar-title{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-item{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;padding:14px 24px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff}.nav-item.active:before{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.nav-icon svg{height:100%;width:100%}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:0}.logout-item{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;padding:14px 24px;text-align:left;transition:all .2s ease;width:100%}.logout-item:hover{background:#ffffff14;color:#fff}.sidebar-toggle{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:none;flex-direction:column;gap:6px;height:48px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .3s ease;width:48px;z-index:1100}.sidebar-toggle:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.sidebar-toggle span{background:#fff;border-radius:2px;height:2px;transition:all .3s ease;width:24px}.sidebar-toggle.open span:first-child{transform:rotate(45deg) translate(7px,7px)}.sidebar-toggle.open span:nth-child(2){opacity:0}.sidebar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-overlay{display:block}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:180px}.nav-item{font-size:14px;padding:12px 20px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.toast-container{display:flex;flex-direction:column;gap:16px;pointer-events:none;position:fixed;right:24px;top:80px;z-index:10000}.toast{align-items:center;animation:slideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;display:flex;gap:14px;max-width:480px;min-width:340px;overflow:hidden;padding:16px 20px;pointer-events:auto;position:relative}.toast:before{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-icon{align-items:center;background:#2e3e7514;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.toast-icon svg{height:18px;width:18px}.toast-message{color:#1e293b;flex:1 1;font-size:15px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:#2e3e750d;border:none;border-radius:6px;color:#2e3e75;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:.6;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#2e3e751a;opacity:1;transform:scale(1.1)}.toast-close svg{height:14px;width:14px}.toast-success:before{background:linear-gradient(135deg,#10b981,#059669)}.toast-success .toast-icon{background:#10b9811a;color:#10b981}.toast-error:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-error .toast-icon{background:#ef44441a;color:#ef4444}.toast-warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-warning .toast-icon{background:#f59e0b1a;color:#f59e0b}.toast-info:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-info .toast-icon{background:#3b82f61a;color:#3b82f6}@media (max-width:768px){.toast-container{left:12px;right:12px;top:72px}.toast{max-width:none;min-width:auto}}.preview-mode-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f59e0b,#f97316);border-bottom:3px solid #ea580c;box-shadow:0 4px 20px #f59e0b4d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-content{color:#fff;gap:16px;margin:0 auto;max-width:1400px;padding:12px 24px}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{animation:pulse 2s ease-in-out infinite;background:#fff3;border-radius:50%;flex-shrink:0;height:32px;justify-content:center;width:32px}.banner-icon svg{color:#fff;height:20px;width:20px}.banner-text{align-items:center;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px}.banner-text strong{font-weight:700}.banner-text span{font-weight:400}.exit-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1.5px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.exit-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.exit-button:active{transform:translateY(0)}.exit-button svg{height:16px;width:16px}@media (max-width:768px){.banner-content{gap:12px;padding:10px 16px}.banner-icon{height:28px;width:28px}.banner-icon svg{height:16px;width:16px}.banner-text{align-items:flex-start;flex-direction:column;font-size:13px;gap:4px}.exit-button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.banner-content{flex-wrap:wrap;padding:8px 12px}.banner-text{font-size:12px}.exit-button{justify-content:center;margin-top:4px;width:100%}}.weather-widget{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.weather-widget:hover{box-shadow:0 24px 72px #2e3e7529,0 12px 32px #2e3e751a,0 4px 12px #0000000f;transform:translateY(-2px)}.weather-widget.error,.weather-widget.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px;padding:1.5rem}.weather-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;display:flex;gap:16px;justify-content:space-between;overflow:hidden;padding:24px 28px;position:relative}.weather-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;left:0;right:0;top:0}.weather-header:after,.weather-header:before{content:"";pointer-events:none;position:absolute}.weather-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;height:300px;right:-20%;top:-50%;width:300px}.weather-header h3{align-items:center;display:flex;font-size:19px;font-weight:600;gap:12px;letter-spacing:-.005em;margin:0;position:relative;z-index:1}.weather-header .weather-icon,.weather-icon{flex-shrink:0;height:24px;width:24px}.weather-icon-sun{animation:rotate 20s linear infinite}.weather-icon-rain line,.weather-icon-showers line{animation:rain 1.2s ease-in-out infinite}.weather-icon-snow circle,.weather-icon-snow-showers circle{animation:snow 3s ease-in-out infinite}.weather-icon-thunder{animation:pulse 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rain{0%,to{opacity:.3;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}@keyframes snow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.weather-header .last-updated{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fffffff2;font-size:.875rem;font-weight:600;margin:0;padding:6px 12px;position:relative;z-index:1}.current-conditions{background:#fff!important;overflow:hidden;padding:2rem 1.5rem;position:relative}.current-conditions:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.current-conditions.good{color:#10b981}.current-conditions.moderate{color:#f59e0b}.current-conditions.poor{color:#ef4444}.condition-header{align-items:center;background:linear-gradient(135deg,#fffffff2,#f9fafbfa);border:1px solid #3b82f61f;border-radius:16px;box-shadow:0 4px 12px #2e3e750f,0 2px 6px #00000008;display:flex;gap:1.75rem;margin-bottom:2rem;overflow:hidden;padding:1.5rem 1.75rem;position:relative}.condition-header:before{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.weather-icon-container{align-items:center;background:linear-gradient(135deg,#fffffffa,#f9fafbf2);border:2px solid #3b82f626;border-radius:16px;box-shadow:0 4px 12px #3b82f614,0 2px 6px #0000000a;display:flex;flex-shrink:0;height:85px;justify-content:center;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:85px;z-index:1}.weather-icon-container:hover{border-color:#3b82f640;box-shadow:0 6px 16px #3b82f61f,0 3px 8px #0000000f;transform:scale(1.03) rotate(2deg)}.weather-summary{display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative;z-index:1}.weather-summary h4{color:#1e3a8a;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.weather-summary .wave-description{background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 4px #3b82f60d;color:#1e3a8a;display:inline-block;font-size:.9375rem;font-weight:600;margin:0;padding:8px 14px}.weather-summary .wave-description-plain{color:#1e3a8a;display:block;font-size:.9375rem;font-weight:600;margin:8px 0 0}.weather-summary small{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.conditions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.conditions-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.conditions-grid{grid-template-columns:repeat(6,1fr)}}.condition-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid #3b82f61f;border-radius:16px;box-shadow:0 4px 16px #2e3e750f,0 2px 6px #00000008;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.condition-item:before{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease}.condition-item:after{background:radial-gradient(circle,#3b82f614 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.condition-item:hover{border-color:#3b82f640;box-shadow:0 12px 32px #3b82f62e,0 6px 16px #3b82f61f;transform:translateY(-6px)}.condition-item:hover:before{opacity:1}.condition-item:hover:after{height:200%;width:200%}.condition-icon{color:#3b82f6;height:28px;margin-bottom:.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:1}.condition-item:hover .condition-icon{color:#2563eb;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));transform:scale(1.15) rotate(-5deg)}.condition-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.08em;position:relative;text-transform:uppercase;transition:color .3s ease;z-index:1}.condition-item:hover .condition-label{color:#3b82f6}.condition-value{color:#1e3a8a;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.condition-item:hover .condition-value{color:#2563eb;transform:scale(1.05)}.forecast-notice{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #3b82f614;display:flex;gap:.75rem;padding:1rem 1.5rem}.forecast-notice p{color:#6b7280;font-size:.875rem;margin:0}.info-icon{color:#2e3e75;flex-shrink:0;height:16px;width:16px}.retry-button{background:#2e3e75;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.retry-button:hover{background:#1e3a8a}.refresh-button{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;display:flex;gap:8px;padding:10px 18px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.refresh-button .icon{height:18px;width:18px}.user-button{background:#ffffff40;border:1px solid #fff6;font-size:15px;font-weight:700}.user-button:hover{background:#ffffff59;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.dashboard-header .user-button .user-email{color:#fff!important;font-weight:700;max-width:200px;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header-section h2{color:#2c3e50;font-size:28px;margin:0 0 8px}.last-updated{color:#7f8c8d;font-size:14px;margin:0}.refresh-button{background:#2e3e75;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:#1a2444;box-shadow:0 4px 12px #2e3e754d;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.error-message{justify-content:space-between}.retry-button{background:#c13944;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.retry-button:hover{background:#a12e37}.loading-message p{margin:10px 0}.loading-info{color:#95a5a6!important;font-size:14px!important;line-height:1.5;margin-top:12px!important}.no-ships-message{color:#7f8c8d;font-size:16px;padding:60px 20px;text-align:center}.ships-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ship-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.ship-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.ship-card-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);color:#fff;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.ship-card-header h3{font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-type-badge{background:#fff3;border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.ship-card-body{padding:20px}.ship-info-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.ship-info-row:last-child{border-bottom:none}.info-label{color:#7f8c8d;font-size:14px;font-weight:500}.info-value{color:#2c3e50;font-size:14px;font-weight:600;text-align:right}.berth-info,.berth-row{align-items:center}.berth-info{display:flex;flex:1 1;gap:12px;justify-content:flex-end}.berth-name{background:#e8f4f8;border:1px solid #b8d4e0;border-radius:6px;color:#2c3e50;font-size:14px;font-weight:700;padding:4px 10px}.map-link-button{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-radius:6px;box-shadow:0 2px 4px #2e3e7533;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.map-link-button:hover{background:linear-gradient(135deg,#1a2444,#2e3e75);box-shadow:0 4px 8px #2e3e754d;transform:translateY(-2px)}.map-icon{height:16px;width:16px}.ship-details-button{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:8px;box-shadow:0 2px 8px #2e3e7533;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px;transition:all .3s ease;width:100%}.ship-details-button:hover{background:linear-gradient(135deg,#1a2444,#2e3e75);box-shadow:0 4px 12px #2e3e754d;transform:translateY(-2px)}.data-info-header svg{color:#fff;flex-shrink:0;position:relative;z-index:1}.data-info-section ul{list-style-type:disc;margin:0;padding-left:20px}.data-info-section li{color:#4b5563;margin-bottom:6px}@media (max-width:768px){.data-info-box{margin-top:16px;padding:16px}.data-info-header h4{font-size:15px}.data-info-content{font-size:13px}.dashboard-wrapper{margin-left:0}.dashboard-header{padding:12px 16px 12px 72px}.header-actions{flex-wrap:wrap;gap:8px}.user-email{display:none}.refresh-button{font-size:13px;padding:10px 14px}.user-button{padding:10px}.dashboard-main{padding:20px 12px}.dashboard-header-section{align-items:flex-start;flex-direction:column;gap:16px}.ships-grid{grid-template-columns:1fr}}.confirm-backdrop{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 16px 48px #0003;max-width:480px;width:calc(100% - 32px)}.confirm-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.confirm-header h3{color:#2c3e50;font-size:1.25rem;font-weight:700;margin:0}.confirm-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.confirm-close:hover{background:#f8f9fa;color:#2c3e50}.confirm-close svg{height:20px;width:20px}.confirm-body{padding:24px}.confirm-body p{color:#495057;font-size:1rem;line-height:1.6;margin:0;white-space:pre-line}.confirm-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-button,.confirm-cancel{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.confirm-cancel{background:#f8f9fa;color:#495057}.confirm-cancel:hover{background:#e9ecef}.confirm-button{min-width:100px}.confirm-danger{background:#dc3545;color:#fff}.confirm-danger:hover{background:#c82333}.confirm-primary{background:#2e3e75;color:#fff}.confirm-primary:hover{background:#1f2a4f}.confirm-button .spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.confirm-button:disabled,.confirm-cancel:disabled,.confirm-close:disabled{cursor:not-allowed;opacity:.6}.confirm-button:disabled:hover,.confirm-cancel:disabled:hover,.confirm-close:disabled:hover{background:inherit}@media (max-width:768px){.confirm-dialog{margin:16px;max-width:none}.confirm-header{padding:16px 20px}.confirm-body{padding:20px}.confirm-footer{flex-direction:column-reverse;padding:12px 20px}.confirm-button,.confirm-cancel{width:100%}}.ship-management-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e3e75bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.ship-management-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff80;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.ship-management-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-bottom:1px solid #eaeaea;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.ship-management-header h2{font-size:24px;font-weight:600;margin:0}.ship-management-body{flex:1 1;overflow-y:auto;padding:32px}.empty-container,.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border:4px solid #e5e7eb;margin-bottom:16px}.error-container{color:#ef4444}.empty-icon{color:#d1d5db;height:80px;margin-bottom:16px;width:80px}.empty-container p{color:#6b7280;font-size:18px;margin-bottom:24px}.create-button-inline{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-button-inline:hover{box-shadow:0 6px 20px #2e3e7566;transform:translateY(-2px)}.ships-table-container{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.ships-table{background:#fff;border-collapse:collapse;width:100%}.ships-table thead{background:#f9fafb}.ships-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.ships-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.ships-table tbody tr:hover{background:#f9fafb}.ships-table td{color:#374151;font-size:14px;padding:16px;vertical-align:middle}.ship-thumbnail{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;height:60px;object-fit:cover;width:60px}.ship-thumbnail-placeholder{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;display:flex;height:60px;justify-content:center;width:60px}.ship-thumbnail-placeholder svg{height:32px;width:32px}.ship-name-cell{align-items:center;display:flex;font-weight:600;gap:8px}.docked-badge{font-size:11px;padding:4px 8px}.docked-badge,.source-badge{border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.source-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.source-badge.ais{background:#dbeafe;color:#1e40af}.source-badge.manual{background:#fef3c7;color:#92400e}.actions-cell{align-items:center;display:flex;gap:8px}.ship-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.ship-action-button svg{height:18px;width:18px}.ship-edit-button{background:#dbeafe;color:#1e40af}.ship-edit-button:hover{background:#bfdbfe;transform:translateY(-2px)}.ship-delete-button{background:#fee2e2;color:#b91c1c}.ship-delete-button:hover{background:#fecaca;transform:translateY(-2px)}.ship-management-footer{background:#f9fafb80;border-top:1px solid #eaeaea80;display:flex;justify-content:flex-end;padding:24px 32px}.create-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.create-button:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-3px)}.create-button svg{height:20px;width:20px}.delete-confirm-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.delete-confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:400px;padding:32px;width:90%}.delete-confirm-dialog h3{color:#1f2937;font-size:20px;margin:0 0 16px}.delete-confirm-dialog p{color:#6b7280;font-size:14px;margin:0 0 12px}.delete-warning{color:#ef4444!important;font-weight:600;margin-bottom:24px!important}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-button:hover{background:#e5e7eb}.confirm-delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.confirm-delete-button:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.ship-management-modal{border-radius:0;max-height:100vh;max-width:100%}.ship-management-header{padding:20px}.ship-management-header h2{font-size:20px}.ship-management-body{padding:20px}.ships-table td,.ships-table th{font-size:13px;padding:12px 8px}.ships-table td:first-child,.ships-table td:nth-child(3),.ships-table th:first-child,.ships-table th:nth-child(3){display:none}}.image-upload-container{margin-bottom:24px}.image-upload-label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.image-dropzone{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:48px 24px;text-align:center;transition:all .3s ease}.image-dropzone:hover{background:#f3f4f6;border-color:#2e3e75}.image-dropzone.dragging{background:#d1fae5;border-color:#10b981;border-style:solid}.upload-icon{color:#9ca3af;height:64px;margin:0 auto 16px;transition:color .3s ease;width:64px}.image-dropzone:hover .upload-icon{color:#2e3e75}.image-dropzone.dragging .upload-icon{color:#10b981}.upload-text{color:#374151;font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:#6b7280;font-size:14px}.image-preview-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative}.image-preview{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));max-height:400px;object-fit:contain;width:100%}.change-image-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #2e3e7533;border-radius:8px;bottom:16px;box-shadow:0 4px 12px #00000026;color:#2e3e75;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);transition:all .3s ease}.change-image-button:hover:not(:disabled){background:#fff;box-shadow:0 6px 16px #0003;transform:translateX(-50%) translateY(-2px)}.change-image-button:disabled{cursor:not-allowed;opacity:.6}.change-image-button svg{height:20px;width:20px}.upload-progress-container{margin-top:16px}.upload-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#2e3e75,#3a4d8f);border-radius:4px;height:100%;transition:width .3s ease}.upload-progress-text{color:#6b7280;font-size:14px;font-weight:600;text-align:center}@media (max-width:768px){.image-dropzone{padding:32px 16px}.upload-icon{height:48px;width:48px}.upload-text{font-size:15px}.upload-hint{font-size:13px}.image-preview-container{min-height:200px}.image-preview{max-height:300px}.change-image-button{font-size:13px;padding:10px 20px}}.ship-edit-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e3e75bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1150}.ship-edit-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff80;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.ship-edit-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-bottom:1px solid #eaeaea;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.ship-edit-header h2{font-size:24px;font-weight:600;margin:0}.ship-edit-body{flex:1 1;overflow-y:auto;padding:32px}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-banner svg{flex-shrink:0;height:24px;width:24px}.error-banner span{font-size:14px;font-weight:600}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;font-size:16px;font-weight:700;letter-spacing:.05em;padding-bottom:8px;text-transform:uppercase}.section-description{color:#6b7280;line-height:1.5;margin:-8px 0 16px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1/-1}.field-label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.field-label .required{color:#ef4444;margin-left:2px}.field-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:15px;padding:12px 16px;transition:all .3s ease}.field-input:focus{border-color:#2e3e75;box-shadow:0 0 0 3px #2e3e751a;outline:none}.field-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.field-input::placeholder{color:#9ca3af}select.field-input{cursor:pointer}.field-hint{color:#6b7280;font-size:12px;font-style:italic;margin-top:6px}.checkbox-label{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;gap:12px;transition:all .3s ease}.checkbox-label:hover{background:#f3f4f6}.checkbox-input{accent-color:#2e3e75;cursor:pointer;height:20px;width:20px}.checkbox-text{color:#374151;font-size:15px;font-weight:600}.dimension-inputs{align-items:center;display:flex;gap:8px}.dimension-input{flex:1 1}.dimension-separator{color:#6b7280;font-size:18px;font-weight:700;margin:0 4px}.dimension-total{color:#2e3e75;font-size:14px;font-weight:600;margin-left:8px;white-space:nowrap}.ship-edit-footer{background:#f9fafb80;border-top:1px solid #eaeaea80;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.cancel-button,.save-button{border-radius:10px;padding:14px 28px}.cancel-button{background:#f3f4f6;color:#6b7280}.cancel-button:hover:not(:disabled){background:#e5e7eb}.save-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;display:flex;gap:8px}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #10b98180}.spinner-small{border:3px solid #ffffff4d;height:18px;width:18px}@media (max-width:768px){.ship-edit-modal{border-radius:0;max-height:100vh;max-width:100%}.ship-edit-header{padding:20px}.ship-edit-header h2{font-size:20px}.ship-edit-body{padding:20px}.form-grid{grid-template-columns:1fr}.form-section{margin-bottom:24px}.ship-edit-footer{flex-direction:column;padding:20px}.cancel-button,.save-button{justify-content:center;width:100%}}.dashboard-content{max-width:1400px}.anløpsregister-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.anløpsregister-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.anløpsregister-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.anløpsregister-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.anløpsregister-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.anløpsregister-module-content{padding:2rem 1.5rem}.page-header{margin-bottom:2rem}.page-header h2{font-size:2rem;margin:0 0 .5rem}.page-description{color:#666;font-size:1rem;margin:0}.actions-section,.filter-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.actions-section{border-bottom:none;padding-bottom:0}.section-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.quick-filters{align-items:center}.management-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.quick-filter-btn.secondary{background:#fff;border:2px solid #2e3e75;color:#2e3e75}.quick-filter-btn.secondary:hover:not(:disabled){background:#f5f7fa}.quick-filter-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn{align-items:center;background:#fff;border:2px solid #2e3e75;border-radius:8px;color:#2e3e75;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;transition:all .2s}.action-btn .icon{flex-shrink:0;height:18px;width:18px}.action-btn:hover:not(:disabled){background:#2e3e75;box-shadow:0 4px 12px #2e3e7533;color:#fff;transform:translateY(-2px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.create-ship{border-color:#10b981;color:#10b981}.action-btn.create-ship:hover:not(:disabled){background:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff}.action-btn:focus,.date-input:focus,.details-button:focus,.fetch-button:focus,.quick-filter-btn:focus,.vessels-table th:focus{outline:3px solid #3b82f6;outline-offset:2px}.action-btn:focus-visible,.date-input:focus-visible,.details-button:focus-visible,.fetch-button:focus-visible,.quick-filter-btn:focus-visible,.vessels-table th:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.date-inputs-row{align-items:flex-end}.action-buttons-row{align-items:stretch;justify-content:space-between;margin-top:1rem}.ship-actions-group{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.75rem}.action-button{border-radius:8px;display:flex;font-size:1rem;gap:.625rem;padding:.875rem 1.5rem}.action-button .icon{height:20px;width:20px}.primary-button{flex:1 1 auto;min-width:160px}.secondary-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.secondary-button:hover:not(:disabled){box-shadow:0 6px 16px #10b9814d}.spinner{height:24px;width:24px}.spinner-circle{stroke-dasharray:60;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;transform-origin:center}@keyframes dash{0%{stroke-dashoffset:60}50%{stroke-dashoffset:15}to{stroke-dashoffset:60}}.error-message{font-size:.875rem;margin-top:1.5rem;padding:1rem 1.25rem}.error-message .icon{margin-top:1px}.results-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.results-card h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.sorting-info{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#78350f;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.sorting-info strong{color:#78350f}.no-results{animation:fadeInUp .6s ease-out;color:#9ca3af;padding:4rem 2rem;text-align:center}.icon-large{animation:breathe 3s ease-in-out infinite;height:64px;margin:0 auto 1rem;opacity:.4;width:64px}.no-results p{animation:fadeInUp .8s ease-out;font-size:1.125rem;margin:0}.vessels-table{overflow-x:auto}.vessels-table table{border-collapse:collapse;font-size:.875rem;width:100%}.vessels-table thead{background:linear-gradient(135deg,#2e3e75,#3a4d8f);color:#fff}.vessels-table th{font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.vessels-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.vessels-table tbody tr:hover{background-color:#f9fafb}.vessels-table tbody tr:last-child{border-bottom:none}.vessels-table td{color:#374151;padding:1rem}.vessel-name{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:.5rem}.docked-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.docked-vessel{background-color:#f0fdf4}.docked-vessel:hover{background-color:#dcfce7!important}.vessel-mmsi{color:#6b7280;font-family:Courier New,monospace}.vessel-type{color:#4b5563;font-size:.813rem}.vessel-time{color:#6b7280;font-size:.813rem;white-space:nowrap}.vessel-destination{color:#2e3e75;font-weight:500}.vessel-positions{color:#059669;font-weight:600;text-align:center}.details-button{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border:none;border-radius:6px;box-shadow:0 2px 4px #2e3e7533;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.details-button:hover{background:linear-gradient(135deg,#1a2444,#2e3e75);box-shadow:0 4px 8px #2e3e754d;transform:translateY(-2px)}.vessels-cards{display:none}@media (max-width:768px){.dashboard-wrapper{margin-left:0}.dashboard-header{padding:12px 16px 12px 72px}.user-email{display:none}.user-button{padding:10px}.dashboard-main{padding:20px 12px}.page-header h2{font-size:1.5rem}.search-card{padding:1.5rem}.results-card h2{font-size:1.25rem;margin-bottom:1rem}.date-inputs{gap:1rem;grid-template-columns:1fr}.quick-filters{flex-direction:column}.quick-filter-btn{width:100%}.management-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.date-inputs-row{flex-direction:column;width:100%}.date-input,.fetch-button,.input-group{width:100%}.action-buttons-row{flex-direction:column;gap:.75rem}.ship-actions-group{flex-direction:column;width:100%}.action-button{font-size:.95rem;padding:.875rem 1.25rem;width:100%}.action-button .button-text{flex:1 1}.sorting-info,.vessels-table{display:none}.vessel-card,.vessels-cards{display:block}.vessel-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:.875rem;padding:1rem;transition:all .2s}.vessel-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.vessel-card.docked-vessel{background:#f0fdf4;border-left:4px solid #10b981}.card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.875rem}.card-title{flex:1 1}.card-ship-name{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:-.02em;line-height:1.25;margin:0 0 .375rem}.card-ship-type{color:#6b7280;font-size:.8125rem;line-height:1.4;margin:0}.card-body{grid-gap:.625rem;display:grid;gap:.625rem}.card-field{align-items:flex-start;display:flex;gap:.875rem;justify-content:space-between}.card-label{color:#6b7280;flex-shrink:0;font-weight:600;letter-spacing:.75px;line-height:1.2;min-width:80px;text-transform:uppercase}.card-label,.card-value{font-size:.8125rem!important}.card-value{color:#1a1a1a;font-weight:500;letter-spacing:.02em;line-height:1.3;text-align:right}.card-value a{color:#2e3e75;font-weight:600;text-decoration:none}.card-footer{border-top:1px solid #e5e7eb;margin-top:.875rem;padding-top:.875rem}.card-footer .details-button{border-radius:8px;font-size:.9375rem;font-weight:600;min-height:44px;padding:.75rem;width:100%}}@media (min-width:769px) and (max-width:1024px){.dashboard-wrapper{margin-left:180px}.user-email{max-width:150px}}.data-info-box{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-top:24px;overflow:hidden}.data-info-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);overflow:hidden;padding:24px 28px;position:relative}.data-info-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.data-info-header h4{color:#fff;font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0;position:relative;z-index:1}.data-info-content{color:#374151;display:flex;flex-direction:column;font-size:14px;gap:16px;line-height:1.6;padding:2rem 1.5rem}.data-info-section strong{color:#2e3e75;display:block;font-weight:600;margin-bottom:8px}.data-info-section p{color:#4b5563;margin:0}@media (max-width:768px){.data-info-box{margin-top:16px;padding:0}.data-info-header{padding:16px 20px}.data-info-header h4{font-size:17px}.data-info-content{font-size:13px;padding:1.5rem 1.25rem}}.statistikk-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.statistikk-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.statistikk-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.statistikk-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.statistikk-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.statistikk-module-content{padding:2rem 1.5rem}.filter-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;margin-top:2rem;padding:1.5rem}.quick-filter-btn{align-items:center;border:2px solid #e0e0e0;border-radius:6px;color:#333;display:inline-flex;font-weight:500;height:42px;padding:.625rem 1.25rem;transition:all .2s}.quick-filter-btn:hover{background:#f5f5f5;border-color:#2e3e75}.quick-filter-btn.active{background:#2e3e75}.date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.input-group label{color:#555;font-size:.875rem}.date-input{border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;height:42px;min-width:160px;padding:.625rem 1rem;transition:border-color .2s}.date-input:focus{border-color:#2e3e75;outline:none}.fetch-button{align-items:center;background:#2e3e75;border:2px solid #2e3e75;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;height:42px;padding:.625rem 1.75rem;transition:background .2s;white-space:nowrap}.fetch-button:hover:not(:disabled){background:#1f2a50}.fetch-button:disabled{cursor:not-allowed;opacity:.6}.fetch-button.secondary{align-items:center;background:#fff;border:2px solid #2e3e75;color:#2e3e75;display:flex;justify-content:center}.fetch-button.secondary:hover:not(:disabled){background:#f5f7fa}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-card.blue .card-icon{background:linear-gradient(135deg,#2e3e75,#4a5f99)}.summary-card.purple .card-icon{background:linear-gradient(135deg,#6b5b95,#8a7faa)}.summary-card.pink .card-icon{background:linear-gradient(135deg,#c850c0,#e070de)}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.card-icon svg{stroke:#fff;stroke-width:2;height:30px;width:30px}.card-content{flex:1 1}.card-title{color:#666;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.card-value{color:#2e3e75;font-size:2rem;font-weight:700;line-height:1;margin:0}.card-subtitle{color:#999;font-size:.8rem;margin:.5rem 0 0}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-title{color:#2e3e75;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.top-stays-list{display:flex;flex-direction:column;gap:1rem}.top-stay-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .2s}.top-stay-item:hover{background:#e9ecef}.top-stay-item.rank-1 .rank-badge{background:linear-gradient(135deg,gold,orange)}.top-stay-item.rank-2 .rank-badge{background:linear-gradient(135deg,silver,#a8a8a8)}.top-stay-item.rank-3 .rank-badge{background:linear-gradient(135deg,#cd7f32,#b8860b)}.rank-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:40px}.stay-info{flex:1 1}.stay-name{color:#2e3e75;font-size:1rem;font-weight:600;margin:0 0 .25rem}.stay-details{color:#666;font-size:.875rem;margin:0}.stay-duration{color:#2e3e75;font-size:1.125rem;font-weight:700;white-space:nowrap}.empty-state{background:#fff;box-shadow:0 2px 8px #0000001a;padding:4rem 2rem}.empty-state p{color:#666;font-size:1.125rem}.empty-state-placeholder{animation:fadeInUp .6s ease-out;padding:4rem 2rem;text-align:center}.placeholder-icon-wrapper{display:inline-block;margin-bottom:1rem}.placeholder-icon{animation:breathe 3s ease-in-out infinite;color:#9ca3af;height:64px;opacity:.4;width:64px}.placeholder-text{animation:fadeInUp .8s ease-out;color:#666;font-size:1.125rem;margin:0}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.quick-filters{flex-direction:column}.quick-filter-btn{width:100%}.date-inputs{flex-direction:column;width:100%}.date-input,.fetch-button,.input-group{width:100%}.charts-grid,.summary-cards{grid-template-columns:1fr}}.dashboard-container{background:#f5f7fa;display:flex;min-height:100vh}.dashboard-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:200px;transition:margin-left .3s ease}.dashboard-header{background:#2e3e75;box-shadow:0 2px 8px #0000001a;color:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:flex-end}.header-content,.user-button{align-items:center;display:flex}.user-button{background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:10px;padding:10px 18px;transition:all .2s ease}.user-button:hover{background:#fff3}.user-button .icon{height:20px;width:20px}.user-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-main{flex:1 1;padding:32px 20px}.dashboard-content{margin:0 auto;max-width:100%;width:100%}.dashboard-footer{background:#2e3e75;color:#ffffffb3;font-size:13px;padding:16px;text-align:center}.dashboard-footer p{margin:0}.pullertplan-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.pullertplan-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.pullertplan-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pullertplan-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.pullertplan-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.pullertplan-module-content{padding:2rem 1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.pullertplan-image-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #2e3e750f,0 2px 6px #00000008;margin-top:2rem;overflow:hidden}.pullertplan-image{display:block;height:auto;width:100%}.info-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid #3b82f61f;border-radius:16px;box-shadow:0 4px 16px #2e3e750f,0 2px 6px #00000008;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.info-item:before{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease}.info-item:after{background:radial-gradient(circle,#3b82f614 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.info-item:hover{border-color:#3b82f640;box-shadow:0 12px 32px #3b82f62e,0 6px 16px #3b82f61f;transform:translateY(-6px)}.info-item:hover:before{opacity:1}.info-item:hover:after{height:200%;width:200%}.info-item h3{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0;position:relative;text-transform:uppercase;transition:color .3s ease;z-index:1}.info-item:hover h3{color:#3b82f6}.info-item-content{background:linear-gradient(135deg,#f9fafbf2,#f3f4f6fa);border:1px solid #3b82f61a;border-radius:12px;box-shadow:0 2px 8px #2e3e750a,0 1px 3px #00000005;display:flex;flex-direction:column;gap:.625rem;padding:1rem .875rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.info-item:hover .info-item-content{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border-color:#3b82f626;box-shadow:0 3px 12px #3b82f60f,0 2px 4px #00000008}.info-item p{align-items:center;color:#374151;display:flex;font-size:.8125rem;gap:.5rem;justify-content:space-between;line-height:1.4;margin:0}.info-item strong{color:#6b7280;flex-shrink:0;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-item p span{color:#1e3a8a;font-size:.9375rem;font-weight:700}@media (max-width:768px){.dashboard-wrapper{margin-left:0}.dashboard-header{padding:12px 16px 12px 72px}.user-email{display:none}.user-button{padding:10px}.dashboard-main{padding:20px 12px}.page-header h2{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.pullertplan-header h3{font-size:1.25rem}}@media (min-width:769px) and (max-width:1024px){.dashboard-wrapper{margin-left:180px}.user-email{max-width:150px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.modal-overlay{overflow:hidden}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 40px);max-width:900px}.modal-content form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.header-actions{align-items:center;display:flex;gap:1rem}.manage-tasks-button{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.manage-tasks-button:hover{background:#ffffff40}.manage-tasks-button svg{height:16px;width:16px}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:2rem;scroll-behavior:smooth;scrollbar-color:#2e3e754d #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#2e3e754d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#2e3e7580}.task-section{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.task-section:last-of-type{border-bottom:none}.task-section h3{color:#2e3e75;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.section-description{color:#666;font-size:.875rem;font-style:italic;margin:0 0 1rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:12px;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none}.task-checkbox:hover{background:#f5f7fa}.task-checkbox input[type=checkbox]{cursor:pointer;opacity:0;pointer-events:none;position:absolute}.checkbox-custom{background:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;height:24px;margin-right:12px;position:relative;transition:all .2s;width:24px}.task-checkbox input[type=checkbox]:checked~.checkbox-custom{background:#10b981;border-color:#10b981}.task-checkbox input[type=checkbox]:checked~.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.task-label{color:#2c3e50;flex:1 1;font-size:1rem}.form-section{padding-top:1rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;margin-bottom:.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#2e3e75;outline:none}.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .2s;width:100%}.form-textarea:focus{border-color:#2e3e75;outline:none}.form-info{background:#f5f7fa;border-radius:8px;margin-top:1.5rem;padding:1rem}.info-item{color:#666;font-size:.875rem;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.info-item strong{color:#2c3e50;font-weight:600}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#2e3e75,#1e2a4a);box-shadow:0 4px 12px #2e3e7533}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #2e3e754d}.btn-secondary{border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#f5f7fa}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.add-task-form{margin-bottom:1.5rem}.category-select{min-width:150px}.add-task-btn{transition:background .2s}.add-task-btn:hover{background:#059669}.existing-tasks-list{margin-top:1.5rem}.existing-tasks-list h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.task-item-admin{margin-bottom:.5rem;padding:.75rem;transition:background .2s}.task-category-badge{background:#2e3e75}.task-label-admin{font-size:.875rem}.delete-task-btn{padding:.375rem}.delete-task-btn:hover{background:#dc3545;color:#fff}.view-summary-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.summary-item{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;gap:.75rem}.summary-item strong{color:#0c4a6e;font-weight:600;min-width:100px}.section-count{color:#64748b;font-size:.875rem;font-weight:500;margin-left:.5rem}.task-list-view{display:flex;flex-direction:column;gap:.5rem}.task-item-view{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem}.task-item-view,.view-checkbox{align-items:center;display:flex}.view-checkbox{border-radius:6px;flex-shrink:0;height:24px;justify-content:center;margin-right:12px;width:24px}.view-checkbox.checked{background:#10b981;border:2px solid #10b981}.view-checkbox.unchecked{background:#ef4444;border:2px solid #ef4444}.view-checkbox svg{color:#fff;height:16px;width:16px}.task-label-view{color:#2c3e50;flex:1 1;font-size:.9375rem}.view-info-group{margin-bottom:1.5rem}.view-info-group label{color:#2c3e50;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.view-info-value{background:#f9fafb;border:2px solid #e0e0e0;border-radius:8px;color:#1e293b;font-size:1rem;padding:.75rem 1rem}.view-comments{line-height:1.6;min-height:80px;white-space:pre-wrap}@media (max-width:768px){.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-footer,.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-header h2{font-size:1.25rem}.task-section h3{font-size:1.125rem}.task-checkbox{padding:10px}.task-label{font-size:.9375rem}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.task-admin-modal{max-width:800px}.task-manager-section{background:#f9fafb;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.task-manager-section h3{color:#2e3e75;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.add-task-form{align-items:center;display:flex;gap:.75rem}.category-select,.task-input{border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s}.category-select{background:#fff;flex:0 0 auto;min-width:180px}.task-input{flex:1 1}.category-select:focus,.task-input:focus{border-color:#2e3e75;outline:none}.category-select:disabled,.task-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.add-task-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.add-task-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-task-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.existing-tasks-section{margin-top:1.5rem}.existing-tasks-section>h3{color:#2e3e75;font-size:1.125rem;font-weight:700;margin:0 0 1.5rem}.task-category-group{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.task-category-group:last-child{border-bottom:none}.task-category-group h4{align-items:center;color:#6b7280;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.task-count{color:#9ca3af;font-size:.875rem;font-weight:500}.task-items-list{display:flex;flex-direction:column;gap:.5rem}.task-item-admin{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s}.task-item-admin:hover{background:#f9fafb;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.task-category-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem;white-space:nowrap}.task-category-badge.havnekontor{background:#2e3e75}.task-category-badge.ccb{background:#059669}.task-label-admin{color:#2c3e50;flex:1 1;font-size:.9375rem;font-weight:500}.delete-task-btn{align-items:center;background:#0000;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s}.delete-task-btn:hover:not(:disabled){background:#dc3545;color:#fff;transform:scale(1.05)}.delete-task-btn:disabled{cursor:not-allowed;opacity:.4}.delete-task-btn svg{height:16px;width:16px}.loading-state{gap:1rem;padding:3rem 1rem}.spinner{border:4px solid #2e3e751a;height:40px;width:40px}.loading-state p{color:#6b7280;font-size:.875rem}.empty-state-small{color:#9ca3af;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.error-message{align-items:flex-start;background:#fee2e2;border:1px solid #fca5a5;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-message .icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}@media (max-width:768px){.task-admin-modal{border-radius:0;max-height:100vh;max-width:100%}.add-task-form{flex-direction:column}.add-task-btn,.category-select,.task-input{width:100%}.modal-body,.task-manager-section{padding:1rem}.task-item-admin{padding:.75rem}.task-label-admin{font-size:.875rem}}@media (max-width:480px){.task-category-badge{font-size:.625rem;padding:.2rem .5rem}.task-count{font-size:.75rem}}.water-meter-upload{margin-bottom:32px;width:100%}.upload-button.ai-upload{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:16px;min-height:200px;padding:48px 32px;transition:all .3s ease;width:100%}.upload-button.ai-upload:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.upload-button.ai-upload:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-content{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.button-icon{animation:pulse 2s ease-in-out infinite;color:#3b82f6;flex-shrink:0;height:64px;width:64px}.button-text{flex:1 1;text-align:center}.button-text h3{color:#1e293b;font-size:17px;font-weight:600;margin:0 0 6px}.button-text p{color:#64748b;font-size:14px;font-weight:400;line-height:1.5;margin:0}.manual-entry-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:8px;padding:16px}.manual-entry-text{color:#64748b;font-size:14px;font-weight:500}.manual-entry-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s ease}.manual-entry-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.manual-entry-button svg{height:16px;width:16px}.preview-container{display:flex;flex-direction:column;gap:16px}.preview-image-wrapper{background:#f1f5f9;border-radius:12px;overflow:hidden;position:relative;width:100%}.preview-image{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.analyzing-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0}.analyzing-overlay p{color:#fff;font-size:16px;font-weight:500;margin:0}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff4d;border-top-color:#fff;height:48px;width:48px}.result-box{background:#fff;border:2px solid}.result-box.confidence-high{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.result-box.confidence-medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.result-box.confidence-low{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.result-value{margin:12px 0}.error-box{align-items:center;background:#fef2f2;border:2px solid #ef4444;border-radius:12px;display:flex;gap:12px;padding:16px}.error-box svg{color:#ef4444;flex-shrink:0;height:24px;width:24px}.error-box p{color:#991b1b;font-size:14px;margin:0}.preview-actions{display:flex;gap:12px}.reset-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.reset-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.error-message{text-align:center}@media (max-width:768px){.upload-button.ai-upload{flex-direction:row;min-height:80px;padding:12px}.button-content{align-items:center;flex-direction:row;gap:12px;text-align:left}.button-icon{flex-shrink:0;height:32px;width:32px}.button-text{flex:1 1;text-align:left}.button-text h3{font-size:14px;line-height:1.3}.button-text p{font-size:12px;line-height:1.4}.manual-entry-section{flex-direction:column;gap:10px;padding:12px 16px}.manual-entry-text{font-size:12px;text-align:center}.manual-entry-button{justify-content:center;min-height:44px;padding:12px 18px;width:100%}.result-value{font-size:24px}.preview-image{max-height:250px}}@media (max-width:400px){.upload-button.ai-upload{min-height:70px;padding:10px}.button-icon{height:28px;width:28px}.button-text h3{font-size:13px}.button-text p{font-size:11px}}.result-value{font-size:36px}@media (max-width:768px){.meter-number{font-size:20px}.result-value{font-size:28px}}.matched-meter-box{border:2px solid;margin-top:16px;padding:20px}.matched-meter-box.high-confidence{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.matched-meter-box.medium-confidence{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.match-header{margin-bottom:16px}.match-header svg{height:22px;width:22px}.match-header h4{font-size:16px}.confidence-percent{font-size:14px;padding:4px 12px}.matched-meter-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:center;display:flex;gap:8px}.detail-row .label{color:#64748b;font-size:13px;font-weight:500;min-width:100px}.detail-row .value{color:#1e293b;font-size:14px;font-weight:600}.detail-row .meter-num{font-feature-settings:"tnum";color:#0369a1;font-variant-numeric:tabular-nums}.match-reason{align-items:center;background:#fff9;border-radius:6px;color:#475569;display:flex;font-size:13px;font-style:italic;gap:6px;margin-top:8px;padding:8px 12px}.alternative-matches{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.alternative-matches h5{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.alt-match-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.alt-match-item:last-child{margin-bottom:0}.alt-match-info{display:flex;flex-direction:column;gap:4px}.alt-match-name{color:#1e293b;font-size:14px;font-weight:500}.alt-match-number{font-feature-settings:"tnum";color:#64748b;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.alt-match-confidence{background:#e2e8f0;border-radius:6px;color:#475569;font-size:13px;font-weight:600;padding:4px 10px}.no-match-box{align-items:center;background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:20px;text-align:center}.no-match-box svg{color:#f59e0b;height:32px;margin-bottom:12px;width:32px}.no-match-box p{color:#92400e;font-size:14px;font-weight:600;margin:0 0 6px}.no-match-box small{color:#b45309;font-size:12px}.meter-number.partial{color:#f59e0b;font-family:Courier New,monospace}@media (max-width:768px){.match-header{flex-wrap:wrap}.confidence-percent{text-align:center;width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row .label{min-width:auto}}.water-meter-registration{width:100%}.registration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.registration-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.add-meter-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.add-meter-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.add-meter-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-meter-button svg{height:18px;width:18px}.error-alert{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:12px 16px}.error-alert svg{color:#ef4444;flex-shrink:0;height:20px;width:20px}.meter-form-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.meter-form-card h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px}.form-group input{font-size:14px;padding:10px 12px;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f1f5f9}.form-help{display:block;font-size:12px;margin-top:4px}.form-actions{margin-top:20px}.cancel-button,.submit-button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.cancel-button:hover{background:#f8fafc;border-color:#cbd5e1}.submit-button{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.submit-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid #3b82f633;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.loading-state p{color:#64748b;font-size:14px;margin:0}.empty-state{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:#cbd5e1;height:64px;margin-bottom:16px;width:64px}.empty-state h4{color:#475569;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0}.meters-list{grid-gap:16px;display:grid;gap:16px}.meter-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.meter-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.meter-info{flex:1 1}.meter-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.meter-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.meter-number-badge{font-feature-settings:"tnum";background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;padding:4px 10px}.meter-location{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px;margin:8px 0 0}.meter-location svg{color:#94a3b8;height:16px;width:16px}.meter-last-reading{align-items:center;background:#f0f9ff;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px}.meter-last-reading .label{color:#64748b;font-weight:500}.meter-last-reading .value{font-feature-settings:"tnum";color:#0369a1;font-variant-numeric:tabular-nums;font-weight:600}.meter-last-reading .date{color:#94a3b8;margin-left:auto}.meter-actions{display:flex;gap:8px}.delete-button,.edit-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-button svg,.edit-button svg{color:#64748b;height:18px;width:18px}.edit-button:hover{background:#eff6ff;border-color:#3b82f6}.edit-button:hover svg{color:#3b82f6}.delete-button:hover{background:#fef2f2;border-color:#ef4444}.delete-button:hover svg{color:#ef4444}.delete-button:disabled,.edit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-row{grid-template-columns:1fr}.registration-header{align-items:stretch;flex-direction:column;gap:12px}.add-meter-button{justify-content:center;width:100%}.meter-card{align-items:flex-start;flex-direction:column;gap:16px}.meter-actions{justify-content:flex-end;width:100%}}.modal-overlay{animation:fadeIn .2s ease}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:1.5rem 2rem}.modal-header h2{color:#fff!important;font-size:1.5rem;font-weight:700}.close-button{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.close-button:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.close-button svg{height:20px;transition:transform .3s ease;width:20px}.modal-body{padding:24px}.ai-detection-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.ai-detection-info h3{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 12px}.ai-detection-info p{color:#475569;font-size:14px;margin:6px 0}.form-group label{color:#475569;font-weight:500}.form-group .required{color:#ef4444}.form-group .hint{color:#f59e0b;font-size:13px;font-weight:400}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f1f5f9;cursor:not-allowed}.form-group small{color:#64748b;display:block;font-size:12px;margin-top:4px}.last-reading-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:16px;margin-top:8px;padding:12px}.last-reading-info p{color:#166534;font-size:13px;margin:4px 0}.last-reading-info .date{color:#16a34a;font-size:12px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px}.error-message svg{flex-shrink:0;height:20px;width:20px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#475569}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.save-btn{background:linear-gradient(135deg,#2e3e75,#1e2a4a);border:none;color:#fff}.save-btn:hover{box-shadow:0 4px 12px #2e3e754d;transform:translateY(-1px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.image-viewer-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.image-viewer-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.image-viewer-header h4{color:#475569;font-size:14px;font-weight:600;margin:0}.image-controls{display:flex;gap:8px}.zoom-button{align-items:center;background:linear-gradient(135deg,#2e3e75,#1e2a4a);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .3s ease}.zoom-button:hover:not(:disabled){box-shadow:0 4px 12px #2e3e754d;transform:translateY(-2px)}.zoom-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.zoom-button svg{height:14px;width:14px}.image-viewer-wrapper{background:#1e293b;cursor:grab;height:400px;overflow:hidden;position:relative;width:100%}.image-viewer-wrapper:active{cursor:grabbing}.image-viewer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.zoomable-image{-webkit-user-drag:none;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease-out;-webkit-user-select:none;user-select:none}.image-hint{background:#000000b3;border-radius:6px;bottom:12px;color:#fff;font-size:12px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.modal-container{max-height:95vh;width:95%}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}.image-viewer-wrapper{height:300px}.image-controls{flex-wrap:wrap}.zoom-button{font-size:11px;padding:5px 10px}}.result-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;margin-bottom:20px;padding:20px}.result-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.result-header svg{color:#10b981;flex-shrink:0;height:20px;width:20px}.result-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.meter-info{margin:16px 0}.meter-info label{color:#64748b;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.meter-number{font-feature-settings:"tnum";color:#0f172a;font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:1px}.result-value{font-feature-settings:"tnum";color:#0f172a;font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:2px;margin:8px 0}.result-meta{display:flex;gap:8px;margin-top:12px}.confidence-badge{border-radius:6px;font-size:13px;font-weight:500;padding:6px 12px}.confidence-badge.high{background:#10b981;color:#fff}.confidence-badge.medium{background:#f59e0b;color:#fff}.confidence-badge.low{background:#ef4444;color:#fff}.matched-meter-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;margin-bottom:20px;padding:16px}.match-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.match-header svg{color:#10b981;flex-shrink:0;height:20px;width:20px}.match-header h4{color:#1e293b;flex:1 1;font-size:15px;font-weight:600;margin:0}.confidence-percent{background:#10b981;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.match-info{color:#475569;font-size:13px;font-style:italic;margin:0}.reading-highlight{font-feature-settings:"tnum";color:#0369a1!important;font-size:1.5rem!important;font-variant-numeric:tabular-nums;font-weight:700!important;letter-spacing:1px}@media (max-width:768px){.meter-number{font-size:20px}.result-value{font-size:26px}.reading-highlight{font-size:1.25rem!important}}.havnedrift-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.havnedrift-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.havnedrift-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.havnedrift-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.havnedrift-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.havnedrift-module-content{padding:2rem 1.5rem}.operations-tabs{background:#f8fafc;border-radius:14px;box-shadow:inset 0 2px 4px #0000000f;display:flex;gap:12px;margin:2rem 0 1.5rem;padding:6px}.tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(135deg,#2e3e750d,#3a4d8f0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-button:hover:before{opacity:1}.tab-button:hover{color:#2e3e75;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#2e3e75,#3a4d8f);box-shadow:0 4px 12px #2e3e7540,0 2px 4px #2e3e7526;color:#fff;transform:translateY(-1px)}.tab-button.active:before{opacity:0}.tab-icon{height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-button.active .tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tab-content{min-height:400px;padding:2rem}.search-card,.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.search-card{margin-bottom:2rem;padding:1.5rem}.quick-filters{background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:8px}.quick-filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1 auto;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.quick-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.quick-filter-btn.active{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-color:#2e3e75;color:#fff}.tab-panel{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.tab-panel-header .action-button{max-width:-webkit-fit-content;max-width:fit-content;min-width:200px;width:auto}.filter-group{align-items:center;display:flex;gap:.75rem}.filter-group label{color:#475569;font-size:.9rem;font-weight:500;white-space:nowrap}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:.9rem;min-width:200px;padding:.5rem 2.5rem .5rem .75rem;transition:all .2s ease}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-inputs-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.input-group label{color:#475569;font-size:.9rem;font-weight:500}.input-group input[type=date]{background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.input-group input[type=date]:hover{border-color:#cbd5e1}.input-group input[type=date]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.empty-state{color:#9ca3af;font-size:1.125rem;padding:3rem 2rem;text-align:center}.action-buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.action-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s;white-space:nowrap}.action-button .icon{flex-shrink:0;height:18px;width:18px}.primary-button{background:linear-gradient(135deg,#2e3e75,#1e2a4a);box-shadow:0 4px 12px #2e3e7533}.primary-button:hover:not(:disabled){box-shadow:0 6px 16px #2e3e754d;transform:translateY(-2px)}.secondary-action{background:#fff;border:2px solid #2e3e75;box-shadow:0 2px 8px #2e3e751a;color:#2e3e75}.secondary-action:hover:not(:disabled){background:#2e3e75;box-shadow:0 6px 16px #2e3e7540;color:#fff;transform:translateY(-2px)}.secondary-action .icon{color:currentColor}.action-button:active:not(:disabled){transform:translateY(0)}.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.table-container{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{background:linear-gradient(135deg,#2e3e75,#3a4d8f);color:#fff}.data-table th{font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr:last-child{border-bottom:none}.data-table td{color:#374151;padding:1rem}.task-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.813rem;font-weight:600;padding:.25rem .75rem;transition:all .3s ease;white-space:nowrap}.task-badge.completed{background:linear-gradient(135deg,#10b981,#059669)}.task-badge.incomplete{background:linear-gradient(135deg,#ef4444,#dc2626)}.comments-preview{color:#6b7280;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{gap:.5rem;justify-content:center}.icon-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.icon-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.icon-button svg{height:18px;width:18px}.view-button{border-color:#3b82f6;color:#3b82f6}.view-button:hover{background:#3b82f6;color:#fff}.pdf-button{border-color:#e74c3c;color:#e74c3c}.pdf-button:hover{background:#e74c3c;color:#fff}.nas-button{border-color:#9b59b6;color:#9b59b6}.nas-button:hover{background:#9b59b6;color:#fff}.edit-button{border-color:#2e3e75;color:#2e3e75}.edit-button:hover{background:#2e3e75;color:#fff}.delete-button{border-color:#dc3545;color:#dc3545}.delete-button:hover{background:#dc3545;color:#fff}@media (max-width:768px){.dashboard-wrapper{margin-left:0;overflow-x:hidden;width:100%}.dashboard-main{overflow-x:hidden;padding:1rem .75rem}.dashboard-content{overflow-x:hidden;width:100%}.operations-tabs{-webkit-overflow-scrolling:touch;gap:8px;overflow-x:auto;overflow-y:hidden;padding:5px;scrollbar-width:none}.operations-tabs::-webkit-scrollbar{display:none}.tab-button{font-size:.9rem;padding:12px 20px;white-space:nowrap}.tab-icon{height:20px;width:20px}.search-card{margin-bottom:1rem;padding:1rem}.quick-filters{padding:6px}.quick-filter-btn{font-size:.813rem;min-width:0;padding:10px 12px}.tab-content{overflow-x:hidden;padding:1rem}.tab-panel-header{align-items:flex-start}.tab-panel-header h3{font-size:1.25rem}.action-button{font-size:.95rem;min-height:48px;padding:.875rem 1.25rem;width:100%}.havnedrift-module-content{overflow-x:hidden;padding:.75rem}.havnedrift-module{margin-bottom:1rem;overflow-x:hidden}.data-table thead{display:none}.data-table,.data-table tbody,.data-table td,.data-table tr{display:block;width:100%}.data-table tr{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:1rem}.data-table tr:hover{background:#f9fafb;border-color:#cbd5e1}.data-table td{align-items:flex-start;border:none;display:flex;justify-content:space-between;padding:.5rem 0;text-align:right}.data-table td:before{color:#475569;content:attr(data-label);flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding-right:1rem;text-align:left;text-transform:uppercase}.data-table td:last-child{align-items:stretch;border-top:1px solid #e5e7eb;flex-direction:column;margin-top:.5rem;padding-top:1rem}.data-table td:last-child:before{margin-bottom:.5rem}.action-buttons{flex-wrap:wrap;gap:.75rem;width:100%}.icon-button{flex-basis:calc(25% - 0.75rem);flex-grow:1;flex-shrink:1;min-height:44px;min-width:44px;padding:12px}.icon-button svg{height:20px;width:20px}.comments-preview{max-width:100%;text-align:right;white-space:normal;word-break:break-word}.consumption-badge,.status-badge,.task-badge{font-size:.75rem;padding:.3rem .7rem}.consumption-badge,.status-badge{display:inline-block}.quick-filters{flex-wrap:wrap;gap:.5rem;padding:4px}.quick-filter-btn{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;font-size:.875rem;min-height:44px;padding:10px 16px;white-space:nowrap}.tab-panel-header{gap:1rem}.filter-group,.tab-panel-header{align-items:stretch;flex-direction:column}.filter-group{gap:.5rem}.filter-group label,.filter-select{font-size:.875rem}.filter-select{min-width:auto;padding:.75rem 2.5rem .75rem .75rem;width:100%}.tab-panel-header .action-button{max-width:none;width:100%}.date-inputs-row{flex-direction:column;gap:.75rem;overflow-x:hidden;width:100%}.input-group{max-width:100%;min-width:0;width:100%}.input-group label{font-size:.813rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-group input[type=date]{border-width:1px;box-sizing:border-box;font-size:.813rem;max-width:100%;min-height:44px;padding:.5rem .625rem;width:100%}}@media (max-width:400px){.dashboard-main{padding:.75rem .5rem}.havnedrift-module-content{padding:.5rem}.search-card,.tab-content{padding:.75rem}.data-table tr{padding:.875rem}.data-table td{align-items:flex-start;flex-direction:column;text-align:left}.data-table td:before{margin-bottom:.25rem;padding-right:0}.icon-button{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1}.quick-filter-btn{flex:1 1 100%;font-size:.75rem;padding:10px}.tab-button{font-size:.813rem;gap:6px;padding:10px 14px}.tab-icon{height:16px;width:16px}.input-group input[type=date]{font-size:.75rem;padding:.5rem}.input-group label{font-size:.75rem}}.water-meter-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:24px auto;max-width:600px;padding:24px}.section-description{margin:8px 0 0}.detected-reading-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin-top:24px;padding:20px}.detected-reading-info h3{color:#0c4a6e;font-size:16px;font-weight:600;margin:0 0 12px}.reading-display{font-feature-settings:"tnum";color:#0369a1;font-size:42px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:3px;margin:16px 0;text-align:center}.info-text{color:#475569;font-size:14px;margin:12px 0 0;text-align:center}.feature-info{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid #eab308;border-radius:12px;margin-top:32px;padding:20px}.feature-info h3{color:#713f12;font-size:18px;font-weight:600;margin:0 0 16px}.feature-info ul{list-style:none;margin:0;padding-left:20px}.feature-info li{color:#78350f;font-size:14px;line-height:1.6;margin:8px 0}.feature-info li:before{background:#eab308;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:12px;width:6px}@media (max-width:768px){.water-meter-section{padding:16px}.reading-display{font-size:32px}}.secondary-button{background:linear-gradient(135deg,#2e3e75,#1e2a4a);box-shadow:0 4px 12px #2e3e7533}.secondary-button:hover:not(:disabled){box-shadow:0 6px 16px #2e3e754d;transform:translateY(-2px)}.consumption-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:inline-block;font-weight:600;white-space:nowrap}.consumption-badge,.status-badge{border-radius:12px;font-size:.813rem;padding:.25rem .75rem}.status-badge.high{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.text-muted{color:#9ca3af;font-style:italic}.back-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(-2px)}.back-button svg{height:18px;width:18px}.meter-management-section{animation:fadeIn .3s ease-in-out}.section-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.consumption-badge,.status-badge,.task-badge{font-size:.75rem;padding:.2rem .6rem}.back-button{justify-content:center;width:100%}}.user-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-list-filters{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{color:#7f8c8d;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #d1d5db;border-radius:8px;color:#2c3e50;font-size:14px;padding:12px 14px 12px 44px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#2e3e75;box-shadow:0 0 0 3px #2e3e751a;outline:none}.status-filter{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.status-filter button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.status-filter button:hover{background:#2e3e751a;color:#2e3e75}.status-filter button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2e3e75}.user-table-wrapper{overflow-x:auto}.user-table{border-collapse:collapse;width:100%}.user-table thead{background:#f9fafb;border-bottom:2px solid #e9ecef}.user-table th{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.user-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.user-table tbody tr:hover{background:#f9fafb}.user-table tbody tr.inactive-row{opacity:.6}.user-table td{color:#2c3e50;font-size:14px;padding:16px 20px}.user-name-cell{gap:12px}.user-avatar,.user-name-cell{align-items:center;display:flex;font-weight:600}.user-avatar{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;height:40px;justify-content:center;text-transform:uppercase;width:40px}.user-email{color:#7f8c8d}.user-groups{min-width:180px}.groups-tags{display:flex;flex-wrap:wrap;gap:6px}.group-tag{background:#e8f4f8;border:1px solid #b8d4e0;border-radius:6px;color:#2e3e75;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.no-groups{color:#9ca3af;font-size:13px;font-style:italic}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.last-seen-cell{min-width:160px;white-space:nowrap}.last-seen-content{align-items:center;display:flex;gap:8px}.activity-indicator{flex-shrink:0;font-size:16px;line-height:1}.activity-status-active .last-seen-text{color:#065f46;font-weight:600}.activity-status-recent .last-seen-text{color:#92400e;font-weight:500}.activity-status-inactive .last-seen-text{color:#6b7280}.actions-cell{width:140px}.action-buttons{display:flex;gap:6px}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-edit{background:#eff6ff;color:#1e40af}.btn-edit:hover{background:#dbeafe;transform:translateY(-2px)}.btn-deactivate{background:#fef2f2;color:#991b1b}.btn-deactivate:hover{background:#fee2e2;transform:translateY(-2px)}.btn-activate{background:#ecfdf5;color:#065f46}.btn-activate:hover{background:#d1fae5;transform:translateY(-2px)}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2;transform:translateY(-2px)}.btn-delete.confirm{animation:pulse .5s ease infinite alternate;background:#dc2626;color:#fff}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.no-users-message{color:#7f8c8d;padding:60px 20px;text-align:center}.no-users-message svg{color:#d1d5db;margin-bottom:16px}.no-users-message p{font-size:16px;font-weight:500;margin:0}@media (max-width:1024px){.user-table{font-size:13px}.user-table td,.user-table th{padding:12px 14px}.user-avatar{font-size:13px;height:36px;width:36px}.group-tag{font-size:11px;padding:3px 8px}}@media (max-width:768px){.user-list-filters{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.status-filter{justify-content:stretch}.status-filter button{flex:1 1;font-size:13px;padding:6px 12px}.user-table-wrapper{display:block}.user-table thead{display:none}.user-table,.user-table tbody,.user-table td,.user-table tr{display:block;width:100%}.user-table tr{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:16px}.user-table td{border:none;padding:8px 0}.user-table td:before{color:#6b7280;content:attr(data-label);display:block;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.user-name-cell{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:12px!important}.actions-cell{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px;width:100%}.action-buttons{justify-content:space-between}.btn-icon{flex:1 1}}.modal-overlay{background:#0009;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 8px 32px #0003;max-width:600px;width:100%}.user-form-modal{animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;padding:24px}.modal-close-btn{height:36px;width:36px}.user-form{padding:24px}.form-error{align-items:center;background:#fee;border:1px solid #c13944;border-radius:8px;color:#c13944;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.form-row{grid-gap:16px;gap:16px;margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #d1d5db;border-radius:8px;color:#2c3e50;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:disabled{background:#f3f4f6;opacity:.6}.form-hint{color:#7f8c8d;display:block;font-size:12px;margin-top:6px}.group-checkboxes{border:1px solid #e9ecef;border-radius:8px;max-height:200px;overflow-y:auto}.checkbox-label{border-bottom:1px solid #e9ecef;flex-direction:row;gap:10px;padding:12px 14px}.checkbox-label:last-child{border-bottom:none}.checkbox-label:hover{background:#f9fafb}.checkbox-label input[type=checkbox]{height:18px;width:18px}.checkbox-label .checkbox-content{display:block;flex:1 1;min-width:0}.checkbox-label span{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.checkbox-label small,.checkbox-label span{word-wrap:break-word;display:block;overflow-wrap:break-word}.checkbox-label small{color:#7f8c8d;font-size:12px;margin:0}.no-groups-message{font-size:14px;padding:16px}.form-actions{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#2e3e75,#3a4d8f);box-shadow:0 2px 8px #2e3e7533;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a2444,#2e3e75);box-shadow:0 4px 12px #2e3e754d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#2e3e75}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#2e3e75}@media (max-width:640px){.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:16px}.modal-header h2{font-size:18px}.user-form{padding:16px}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.form-info-box{background:linear-gradient(135deg,#3b82f614,#2563eb0d);border:1px solid #3b82f633;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.form-info-box svg{stroke:#3b82f6;flex-shrink:0;margin-top:2px}.form-info-box strong{color:#1e40af;display:block;font-size:14px;margin-bottom:4px}.form-info-box p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.group-management-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.no-groups-message{color:#7f8c8d;padding:60px 20px;text-align:center}.no-groups-message svg{color:#d1d5db;margin-bottom:16px}.no-groups-message p{color:#2c3e50;font-size:16px;font-weight:600;margin:8px 0}.no-groups-message small{color:#9ca3af;font-size:14px}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.group-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.group-card:hover{border-color:#2e3e75;box-shadow:0 4px 16px #2e3e751a;transform:translateY(-2px)}.group-card-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f);color:#fff;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.group-card-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-actions{display:flex;gap:6px}.group-card-actions .btn-icon{background:#fff3;border:1px solid #ffffff4d;color:#fff;height:34px;width:34px}.group-card-actions .btn-icon:hover{background:#ffffff4d}.group-card-actions .btn-delete.confirm{background:#dc2626;border-color:#dc2626}.group-card-body{padding:20px}.group-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.group-permissions{margin-bottom:16px}.permissions-label{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.permissions-label svg{color:#2e3e75}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission-badge{background:#e8f4f8;border:1px solid #b8d4e0;border-radius:6px;color:#2e3e75;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.permission-badge.more{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.group-meta{border-top:1px solid #e9ecef;padding-top:16px}.group-date{color:#9ca3af;font-size:12px}@media (max-width:768px){.groups-grid{grid-template-columns:1fr}.group-card-header{padding:14px 16px}.group-card-header h3{font-size:16px}.group-card-body{padding:16px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000!important}.modal-content{background:#fff;border-radius:16px;box-shadow:0 16px 48px #0003;margin:auto;max-height:90vh;overflow-y:auto;position:relative}.group-form-modal{max-width:650px;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-close-btn svg{height:20px;width:20px}.group-form{display:flex;flex-direction:column;gap:24px;padding:24px}.group-form textarea{border:1px solid #d1d5db;border-radius:8px;color:#2c3e50;font-family:inherit;font-size:14px;min-height:80px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.group-form textarea:focus{border-color:#2e3e75;box-shadow:0 0 0 3px #2e3e751a;outline:none}.group-form textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.permissions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.permissions-header label{margin:0}.permissions-actions{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:8px}.link-button{background:none;border:none;color:#2e3e75;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease}.link-button:hover:not(:disabled){color:#1a2444;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.5}.permissions-grid{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;max-height:380px;overflow-y:auto}.permission-checkbox{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:14px;padding:12px 16px;transition:all .15s ease}.permission-checkbox:last-child{border-bottom:none}.permission-checkbox:hover{background:linear-gradient(135deg,#2e3e7508,#2e3e750f)}.permission-checkbox input[type=checkbox]{accent-color:#2e3e75;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.permission-info{display:flex;flex:1 1;flex-direction:column;gap:3px;text-align:left}.permission-label{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3}.permission-description{color:#6b7280;font-size:12px;line-height:1.4;margin-top:2px}@media (max-width:640px){.modal-overlay{align-items:flex-start;padding:10px}.modal-content{max-height:calc(100vh - 20px);width:100%}.group-form-modal{max-width:100%;width:100%}.modal-header{padding:16px}.modal-header h2{font-size:18px}.group-form{padding:16px}.permissions-header{align-items:flex-start;flex-direction:column;gap:8px}.permissions-grid{max-height:250px}.permission-checkbox{padding:12px 14px}.permission-label{font-size:13px}.permission-description{font-size:11px}}.group-preview-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1.5px solid #3b82f64d;border-radius:10px;display:flex;gap:8px;padding:8px 14px;transition:all .3s ease}.group-preview-selector:hover{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f626}.group-preview-selector .icon{color:#3b82f6;flex-shrink:0;height:18px;width:18px}.group-preview-selector .group-select{background:#fffc;border:1px solid #3b82f633;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;outline:none;padding:6px 12px;transition:all .2s ease}.group-preview-selector .group-select:hover{background:#fff;border-color:#3b82f666}.group-preview-selector .group-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.group-preview-selector .group-select option{background:#fff;color:#1e293b;padding:8px}@media (max-width:768px){.group-preview-selector{padding:6px 10px}.group-preview-selector .group-select{font-size:13px;min-width:150px}}@media (max-width:480px){.group-preview-selector{flex-direction:column;gap:4px;padding:6px 8px}.group-preview-selector .group-select{font-size:12px;min-width:100%}}.brukeradministrasjon-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.brukeradministrasjon-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.brukeradministrasjon-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.brukeradministrasjon-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.brukeradministrasjon-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.brukeradministrasjon-module-content{padding:2rem 1.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#7f8c8d;font-size:15px;margin:0}.tabs-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tabs{background:#f3f4f6;border-radius:10px;padding:4px}.tab,.tabs{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.tab:hover{background:#2e3e751a;color:#2e3e75}.tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#2e3e75}.tab svg{flex-shrink:0}.tab-badge{background:#e8f4f8;border-radius:12px;color:#2e3e75;display:inline-block;font-size:12px;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.tab.active .tab-badge{background:#2e3e75;color:#fff}.tab-content{margin-top:24px}.loading-container{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-message{color:#7f8c8d;padding:60px 20px;text-align:center}.loading-message p{font-size:16px;margin:10px 0 0}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#2e3e75;height:50px;margin:0 auto 20px;width:50px}.error-message{background:#fee;border:1px solid #c13944;border-radius:8px;color:#c13944;margin-bottom:24px;padding:16px}.error-message p{margin:0}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h2{font-size:24px}.page-subtitle{font-size:14px}.tabs-container{align-items:stretch;flex-direction:column}.tabs{justify-content:space-between;width:100%}.tab{flex:1 1;font-size:14px;justify-content:center;padding:10px 14px}.tab svg{display:none}.tabs-container .btn{width:100%}}.profile-module{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #2e3e751f,0 8px 24px #2e3e7514,0 2px 8px #0000000a;margin-bottom:2rem;overflow:hidden}.profile-module-header{background:linear-gradient(135deg,#2e3e75,#3a4d8f 50%,#4a5ea0);color:#fff;overflow:hidden;padding:24px 28px;position:relative}.profile-module-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-module-header h3{font-size:19px;font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;position:relative;z-index:1}.profile-module-header .module-description{color:#ffffffe6;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.profile-module-content{padding:2rem 1.5rem}.alert{align-items:center;animation:slideIn .3s ease-out;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert svg{flex-shrink:0;height:20px;width:20px}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444;color:#991b1b}.alert-error svg{stroke:#ef4444}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;color:#065f46}.alert-success svg{stroke:#10b981}.form-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease}.form-section:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.section-title{align-items:center;color:#2e3e75;display:flex;font-size:17px;font-weight:600;gap:12px;margin:0 0 16px}.section-title svg{stroke:#2e3e75;flex-shrink:0;height:22px;width:22px}.section-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px}.profile-container{max-width:800px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.required{color:#ef4444}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{border-color:#2e3e75;box-shadow:0 0 0 3px #2e3e751a;outline:none}.form-group input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.disabled-input{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important}.form-help{color:#64748b;font-size:13px;font-style:italic}.notification-settings{display:flex;flex-direction:column;gap:16px}.checkbox-label{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px;position:relative;transition:all .2s ease}.checkbox-label:hover{background:#f8fafc;border-color:#2e3e75;transform:translateX(4px)}.checkbox-label input[type=checkbox]{accent-color:#2e3e75;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-content{display:block;flex:1 1;min-width:0;position:relative;width:100%}.checkbox-title{color:#1e293b;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 4px}.checkbox-description,.checkbox-title{word-wrap:break-word;display:block;overflow-wrap:break-word}.checkbox-description{color:#64748b;font-size:13px;line-height:1.5;margin:0}.password-reset-section{align-items:center;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f080);border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:20px;justify-content:space-between;padding:20px}.password-info{flex:1 1}.password-info strong{color:#1e293b;display:block;font-size:15px;font-weight:600;margin-bottom:6px}.password-info p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.reset-password-button{align-items:center;background:linear-gradient(135deg,#2e3e75,#1e2a4a);border:none;border-radius:8px;box-shadow:0 4px 12px #2e3e7533;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.reset-password-button:hover:not(:disabled){box-shadow:0 6px 16px #2e3e754d;transform:translateY(-2px)}.reset-password-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-password-button svg{flex-shrink:0;height:18px;width:18px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.cancel-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.cancel-button{background:#fff;border:2px solid #e2e8f0;color:#475569}.cancel-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.save-button{background:linear-gradient(135deg,#2e3e75,#1e2a4a);box-shadow:0 4px 12px #2e3e7533;color:#fff}.save-button:hover:not(:disabled){box-shadow:0 6px 16px #2e3e754d;transform:translateY(-2px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-spinner,.cancel-button svg,.save-button svg{height:18px;width:18px}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.loading-state{padding:3rem 2rem;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#2e3e75;height:50px;margin:0 auto 20px;width:50px}.loading-state p{color:#7f8c8d;font-size:1rem}@media (max-width:768px){.profile-module-content{padding:1.5rem 1rem}.profile-form{max-width:100%}.form-row{grid-template-columns:1fr}.form-section{padding:20px 16px}.section-title{font-size:16px}.section-title svg{height:20px;width:20px}.checkbox-label{padding:14px}.checkbox-title{font-size:14px}.checkbox-description{font-size:12px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}.password-reset-section{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.password-info strong{font-size:14px}.password-info p{font-size:13px}.reset-password-button{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}
/*# sourceMappingURL=main.dbeda743.css.map*/