:root{--yacht-navy: #0a1628;--yacht-navy-light: #1a2d4a;--yacht-gold: #d4af37;--yacht-gold-light: #e5c666;--yacht-teal: #0d9488;--background: #ffffff;--foreground: #0a0a0a;--card: #ffffff;--card-foreground: #0a0a0a;--primary: #1a2d4a;--primary-foreground: #fafafa;--secondary: #ffffff;--muted: #ffffff;--muted-foreground: #737373;--border: #e5e5e5;--input: #e5e5e5;--destructive: #ef4444;--status-blue: #3b82f6;--status-green: #22c55e;--status-yellow: #eab308;--status-red: #ef4444;--status-purple: #a855f7;--status-cyan: #06b6d4;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--bg-primary: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--primary-dark: #0f1e33;--primary-soft: rgba(26, 45, 74, .1);--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-primary: #3b82f6;--color-primary-light: #dbeafe;--color-primary-dark: #2563eb;--color-background: #f9fafb}html{font-size:16px;line-height:1.5}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.font-serif{font-family:Playfair Display,serif}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6,.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-gray-400{color:var(--color-text-gray-400)}.text-gray-500{color:var(--color-text-gray-500)}.text-gray-600{color:var(--color-text-gray-600)}.text-gray-700{color:var(--color-text-gray-700)}.text-gray-900{color:var(--color-text-gray-900)}.text-white{color:var(--color-text-white)}.text-yacht-navy{color:var(--yacht-navy)}.text-yacht-gold{color:var(--yacht-gold)}.text-blue-500{color:var(--status-blue)}.text-blue-600{color:#2563eb}.text-green-500{color:var(--status-green)}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-yellow-500{color:var(--status-yellow)}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.text-red-500{color:var(--status-red)}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-purple-500{color:var(--status-purple)}.bg-white{background-color:var(--color-bg-white)}.bg-gray-50{background-color:var(--color-bg-gray-50)}.bg-gray-100{background-color:var(--color-bg-gray-100)}.bg-gray-900{background-color:var(--color-bg-gray-900)}.bg-yacht-navy{background-color:var(--yacht-navy)}.bg-yacht-navy-light{background-color:var(--yacht-navy-light)}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:var(--status-blue)}.bg-blue-600{background-color:#2563eb}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:var(--status-green)}.bg-green-600{background-color:#16a34a}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef9c3}.bg-yellow-500{background-color:var(--status-yellow)}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:var(--status-red)}.bg-purple-500{background-color:var(--status-purple)}.bg-purple-600{background-color:#9333ea}.bg-cyan-500{background-color:var(--status-cyan)}.bg-cyan-600{background-color:#0891b2}.bg-gradient-blue-gray{background:linear-gradient(135deg,#1e3a8a,#111827)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-gray-200{border-color:var(--color-border-gray-200)}.border-gray-300{border-color:var(--color-border-gray-300)}.border-gray-700{border-color:var(--color-border-gray-700)}.border-blue-500{border-color:var(--status-blue)}.border-l-4{border-left-width:4px}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all .15s ease-in-out}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-shadow{transition:box-shadow .15s ease-in-out}.transition-all{transition:all .15s ease-in-out}.w-full{width:100%}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-64{width:16rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-2{top:.5rem}.top-4{top:1rem}.left-0{left:0}.left-4{left:1rem}.right-2{right:.5rem}.bottom-0{bottom:0}.z-40{z-index:40}.z-50{z-index:50}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.capitalize{text-transform:capitalize}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:ml-64{margin-left:16rem}.md\:p-6{padding:1.5rem}}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md)}.card-title{font-size:1.125rem;font-weight:600;color:var(--foreground)}.card-description{font-size:.875rem;color:var(--muted-foreground);margin-top:var(--spacing-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){background-color:var(--yacht-navy-light)}.btn-blue{background-color:var(--status-blue);color:#fff}.btn-blue:hover:not(:disabled){background-color:#2563eb}.btn-green{background-color:var(--status-green);color:#fff}.btn-green:hover:not(:disabled){background-color:#16a34a}.btn-purple{background-color:var(--status-purple);color:#fff}.btn-purple:hover:not(:disabled){background-color:#9333ea}.btn-cyan{background-color:var(--status-cyan);color:#fff}.btn-cyan:hover:not(:disabled){background-color:#0891b2}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--foreground)}.btn-outline:hover:not(:disabled){background-color:var(--muted)}.btn-ghost{background-color:transparent;color:var(--foreground)}.btn-ghost:hover:not(:disabled){background-color:var(--muted)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.625rem 1.5rem;font-size:1rem}.btn-icon{width:2.25rem;height:2.25rem;padding:0}.input{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--foreground);background-color:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a2d4a1a}.input::placeholder{color:var(--muted-foreground)}.textarea{display:block;width:100%;min-height:100px;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--foreground);background-color:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);resize:vertical}.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a2d4a1a}.label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.select{display:block;width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--foreground);background-color:var(--card);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--input);border-radius:var(--radius-md);appearance:none}.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a2d4a1a}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-blue{background-color:#dbeafe;color:#1d4ed8}.badge-green{background-color:#dcfce7;color:#15803d}.badge-yellow{background-color:#fef9c3;color:#a16207}.badge-red{background-color:#fee2e2;color:#b91c1c}.badge-purple{background-color:#f3e8ff;color:#7e22ce}.badge-gray{background-color:#f3f4f6;color:#374151}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground);font-size:.875rem;font-weight:500;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:3rem;height:3rem;font-size:1.125rem}.icon-container{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border-radius:var(--radius-full)}.icon-container svg,.icon-container .icon{width:1.5rem;height:1.5rem}.stat-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.stat-card-inner{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.stat-card-value{font-size:1.875rem;font-weight:700;color:var(--foreground);margin-top:.25rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-size:.875rem;font-weight:600;color:var(--muted-foreground);background-color:var(--muted)}.table tbody tr:hover{background-color:var(--muted)}.page-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.page-link{display:inline-flex;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--primary);background-color:var(--muted);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease-in-out}.page-link:hover{background-color:var(--primary);color:var(--primary-foreground)}.checkbox{width:1.25rem;height:1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;accent-color:var(--primary)}.sidebar{width:16rem;min-height:100vh;background-color:#111827;color:#fff;padding:1rem;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50}.sidebar-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:0 .5rem}.sidebar-logo-icon{width:2rem;height:2rem;color:#60a5fa}.sidebar-logo-text{font-size:1.25rem;font-weight:700}.sidebar-user{padding:.5rem .5rem 1rem;margin-bottom:1.5rem;border-bottom:1px solid #374151}.sidebar-user-name{font-weight:500}.sidebar-user-role{font-size:.875rem;color:#9ca3af}.sidebar-nav{flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-lg);color:#d1d5db;text-decoration:none;transition:all .15s ease-in-out;margin-bottom:.25rem}button.sidebar-nav-item{background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:1rem;font-family:inherit}.sidebar-nav-item:hover{background-color:#1f2937}.sidebar-nav-item.active{background-color:#2563eb;color:#fff}.sidebar-nav-item svg,.sidebar-nav-item .icon{width:1.25rem;height:1.25rem}.sidebar-footer{padding-top:1rem;border-top:1px solid #374151;margin-top:auto}.header{height:4rem;background-color:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;padding-top:env(safe-area-inset-top,0px);position:sticky;top:0;z-index:40;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}@media(max-width:768px){.header--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.main-content.header-hidden .main-content-inner{padding-top:0}}.header-title{font-size:1.25rem;font-weight:600;color:var(--foreground)}.header-breadcrumb{display:flex;align-items:center;font-size:.7rem;margin-top:.125rem;opacity:.5}.header-breadcrumb-item{color:var(--muted-foreground);font-weight:400}.header-breadcrumb-item.active{font-weight:500;color:var(--muted-foreground)}.header-breadcrumb-separator{margin:0 .35rem;color:#9ca3af}.header-actions{display:flex;align-items:center;gap:1rem}.notification-badge{position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background-color:var(--status-red);border-radius:var(--radius-full)}.main-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:16rem;display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content-inner{flex:1;padding:1.5rem;overflow-y:auto}.task-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1rem;width:100%;box-sizing:border-box}.task-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.task-card-title{font-weight:600}.task-card-description{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.75rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-card-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--muted-foreground)}.task-card-meta-item{display:flex;align-items:center;gap:.25rem}.schedule-item{display:flex;align-items:center;gap:1rem}.schedule-time{width:4rem;font-size:.875rem;color:var(--muted-foreground)}.schedule-content{flex:1;padding:.75rem;border-radius:var(--radius-lg);border-left-width:4px;border-left-style:solid}.schedule-content-blue{background-color:#eff6ff;border-left-color:var(--status-blue)}.schedule-content-green{background-color:#f0fdf4;border-left-color:var(--status-green)}.schedule-content-title{font-weight:500}.schedule-content-desc{font-size:.875rem;color:var(--muted-foreground)}.approval-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--muted);border-radius:var(--radius-lg)}.approval-item-title{font-weight:500}.approval-item-desc{font-size:.875rem;color:var(--muted-foreground)}.alert{padding:.75rem;border-radius:var(--radius-lg);font-size:.875rem}.alert-red{background-color:#fef2f2;color:#b91c1c}.alert-yellow{background-color:#fefce8;color:#a16207}.alert-green{background-color:#f0fdf4;color:#15803d}.alert-blue{background-color:#eff6ff;color:#1d4ed8}.yacht-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s ease-in-out}.yacht-card:hover{box-shadow:var(--shadow-md)}.yacht-card-image{width:100%;height:10rem;object-fit:cover;background-color:var(--muted)}.yacht-card-content{padding:1rem}.yacht-card-title{font-weight:600;margin-bottom:.5rem}.yacht-card-meta{display:flex;justify-content:space-between;font-size:.875rem;color:var(--muted-foreground)}.activity-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.activity-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full)}.activity-dot-green{background-color:var(--status-green)}.activity-dot-blue{background-color:var(--status-blue)}.activity-dot-yellow{background-color:var(--status-yellow)}.activity-dot-red{background-color:var(--status-red)}.crew-select-card{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:.75rem}.crew-select-card:hover{border-color:#d1d5db}.crew-select-card.selected{border-color:var(--status-blue);background-color:#eff6ff;box-shadow:0 0 0 1px var(--status-blue)}.crew-select-radio{width:1rem;height:1rem;border:1px solid #9ca3af;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.crew-select-card.selected .crew-select-radio{border-color:var(--status-blue);background-color:var(--status-blue)}.crew-select-radio-inner{width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:#fff;display:none}.crew-select-card.selected .crew-select-radio-inner{display:block}.crew-select-name{font-size:.875rem;font-weight:500}.crew-select-email{font-size:.75rem;color:var(--muted-foreground)}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#1e3a8a,#111827)}.login-card{width:100%;max-width:28rem;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.login-header{padding:2rem;text-align:center}.login-logo{width:3rem;height:3rem;color:var(--status-blue);margin:0 auto 1rem}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-description{font-size:.875rem;color:var(--muted-foreground)}.login-content{padding:0 2rem 2rem}.login-buttons{display:flex;flex-direction:column;gap:.75rem}.login-btn{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;color:#fff;transition:all .15s ease-in-out}.login-btn-purple{background-color:#8b5cf6}.login-btn-purple:hover{background-color:#7c3aed}.login-btn-blue{background-color:var(--status-blue)}.login-btn-blue:hover{background-color:#2563eb}.login-btn-cyan{background-color:#06b6d4}.login-btn-cyan:hover{background-color:#0891b2}.login-btn-green{background-color:var(--status-green)}.login-btn-green:hover{background-color:#16a34a}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;color:var(--foreground);border-radius:var(--radius-md);transition:background-color .15s ease}.mobile-menu-btn:hover{background-color:var(--muted)}.mobile-menu-btn svg{width:1.5rem;height:1.5rem}.mobile-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:45;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-overlay.active{opacity:1;pointer-events:auto}@media(max-width:768px){.sidebar-collapse-btn{display:none!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(4rem + env(safe-area-inset-bottom,0px));background-color:var(--card);border-top:1px solid var(--border);z-index:50;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);transition:background-color var(--transition-normal)}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%;max-width:500px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border-radius:var(--radius-md);text-decoration:none;color:var(--muted-foreground);font-size:.625rem;font-weight:500;transition:all .15s ease;min-width:4rem}.mobile-nav-item svg{width:1.25rem;height:1.25rem}.mobile-nav-item.active{color:var(--status-blue)}.mobile-nav-item:active{background-color:var(--muted)}@media(max-width:768px){.mobile-menu-btn{display:flex}.mobile-overlay,.mobile-bottom-nav{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.main-content-inner{padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.header{padding:0 1rem}.header-title{font-size:1.125rem}.header-breadcrumb{display:none}.header-actions{gap:.5rem}.grid-cols-2,.grid-cols-3,.grid-cols-5{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-card-value{font-size:1.5rem}.task-card{padding:.875rem}.task-card-meta{flex-wrap:wrap;gap:.5rem}.yacht-card-image{height:8rem}.yacht-card-content{padding:.875rem}.yacht-card-meta{flex-direction:column;gap:.25rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.table th,.table td{padding:.5rem .75rem;font-size:.8125rem}.approval-item{flex-direction:column;align-items:flex-start;gap:.75rem}.schedule-item{flex-direction:column;align-items:flex-start;gap:.5rem}.schedule-time{width:auto}.schedule-content{width:100%}.activity-item{font-size:.8125rem}.crew-select-card{padding:.625rem}.card{padding:1rem}.card-title{font-size:1rem}.alert{padding:.625rem;font-size:.8125rem}.btn{min-height:2.5rem;padding:.625rem 1rem}.btn-sm{min-height:2rem;padding:.5rem .75rem}.btn-icon{min-width:2.5rem;min-height:2.5rem}.input,.select,.textarea{min-height:2.75rem;font-size:1rem}.space-y-6>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:1.25rem}.gap-6{gap:1rem}.gap-8{gap:1.25rem}.page-header{flex-direction:column;align-items:flex-start!important;gap:1rem}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}}@media(max-width:480px){.main-content-inner{padding:.75rem .75rem 5rem}.stat-card{padding:.875rem}.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:.75rem}.icon-container{padding:.5rem}.icon-container svg,.icon-container .icon{width:1.25rem;height:1.25rem}.task-card{padding:.75rem}.task-card-title{font-size:.9375rem}.task-card-description{font-size:.8125rem;-webkit-line-clamp:1}.task-card-meta{font-size:.75rem}.yacht-card-image{height:6rem}.btn-group-mobile{flex-direction:column;width:100%}.btn-group-mobile .btn{width:100%}.badge{padding:.125rem .5rem;font-size:.6875rem}.form-row{gap:.75rem}h1{font-size:1.25rem}}@media(max-width:768px){.input,.select,.textarea,input,select,textarea{scroll-margin-bottom:8rem;scroll-margin-top:1rem}.form-actions-sticky{position:sticky;bottom:calc(4rem + env(safe-area-inset-bottom,0px));background:var(--card);padding:1rem;margin:0 -1rem -1rem;border-top:1px solid var(--border);z-index:10;display:flex;gap:.75rem}.form-actions-sticky .btn{flex:1}.form-container{scroll-behavior:smooth}.form-container:focus-within{padding-bottom:2rem}.input:focus,.select:focus,.textarea:focus{transform:translateY(-2px);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}}@media(min-width:769px)and (max-width:1024px){.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content-inner{padding:1.25rem}.task-detail-layout{grid-template-columns:1fr}}@media(min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}.show-desktop-flex{display:flex!important}}.icon{display:inline-block;width:1.25rem;height:1.25rem;stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.task-detail-layout{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}@media(max-width:1024px){.task-detail-layout{grid-template-columns:1fr}}.task-detail-main,.task-detail-sidebar{min-width:0}.task-create-mode-selector{display:flex;gap:.75rem;margin-bottom:1.5rem}@media(max-width:640px){.task-create-mode-selector{flex-direction:column}}.page-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0}@media(max-width:768px){.page-header-compact{margin-bottom:1rem}.page-title{font-size:1.25rem}.hide-mobile{display:none!important}}.mobile-section-tabs{margin-bottom:1rem}.mobile-tabs-list{display:flex;gap:.5rem;padding:.25rem;background-color:var(--muted);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tabs-list::-webkit-scrollbar{display:none}.mobile-tab{flex:1;min-width:fit-content;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:44px}.mobile-tab:active{transform:scale(.98)}.mobile-tab.active{background-color:#fff;color:var(--foreground);box-shadow:var(--shadow-sm)}.task-card,.maintenance-card,.card{-webkit-tap-highlight-color:transparent}@media(max-width:768px){.task-card:active,.card:active{transform:scale(.98);background-color:#f9fafb}.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px;min-width:36px}.btn-icon{min-width:44px;min-height:44px}.input,.select,.textarea{min-height:44px}.checkbox{width:1.5rem;height:1.5rem}.mobile-nav-item{min-height:44px;min-width:44px}.crew-select-card{min-height:56px;padding:.875rem}.badge-clickable{min-height:32px;padding:.375rem .75rem}}.swipeable-card-container{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.swipeable-card-content{transition:transform .2s ease-out}.swipeable-card-content--dragging{transition:none}.sidebar,.main-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo-text,.sidebar-user,.sidebar-nav-item span:last-child,.sidebar-footer button span{transition:opacity .2s ease,width .2s ease;white-space:nowrap;opacity:1}@media(min-width:769px){.main-layout.sidebar-collapsed .sidebar{width:0;padding:0;overflow:hidden}.main-layout.sidebar-collapsed .main-content{margin-left:0}.main-layout.sidebar-collapsed .sidebar-logo-text{opacity:0;width:0;display:none}.main-layout.sidebar-collapsed .sidebar-user{opacity:0;height:0;padding:0;margin:0;overflow:hidden;border:none}.main-layout.sidebar-collapsed .sidebar-section-title{display:none}.main-layout.sidebar-collapsed .sidebar-nav-item span:nth-of-type(2){opacity:0;width:0;display:none}.main-layout.sidebar-collapsed .sidebar-footer button span:last-child{display:none}.main-layout.sidebar-collapsed .sidebar-footer .text-xs{display:none}.main-layout.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0;margin-bottom:2rem}.main-layout.sidebar-collapsed .sidebar-logo-icon{margin:0;width:2.5rem;height:2.5rem}.main-layout.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:1rem 0;margin:.25rem .75rem;border-radius:var(--radius-lg)}.main-layout.sidebar-collapsed .sidebar-nav-item:hover{background-color:var(--yacht-navy-light)}.main-layout.sidebar-collapsed .sidebar-nav-item svg{margin:0;width:1.5rem;height:1.5rem}.main-layout.sidebar-collapsed .sidebar-footer{padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.main-layout.sidebar-collapsed .sidebar-footer .flex{justify-content:center;width:100%}.main-layout.sidebar-collapsed .sidebar-footer button{justify-content:center;padding:.75rem;width:100%}.main-layout.sidebar-collapsed .yacht-menu-name,.main-layout.sidebar-collapsed .yacht-menu-icon{display:none}.main-layout.sidebar-collapsed .yacht-menu-button{justify-content:center;padding:1rem 0}.main-layout.sidebar-collapsed .yacht-submenu-item span{display:none}.main-layout.sidebar-collapsed .yacht-submenu-item{justify-content:center;padding:.75rem}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-diagonal{0%{background-position:200% 200%}to{background-position:-200% -200%}}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@keyframes loading-bar{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes glow{0%,to{box-shadow:0 0 5px #d4af3780}50%{box-shadow:0 0 20px #d4af37cc,0 0 40px #d4af3766}}@keyframes glow-blue{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 40px #3b82f666}}@keyframes glow-green{0%,to{box-shadow:0 0 5px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc,0 0 40px #22c55e66}}@keyframes glow-red{0%,to{box-shadow:0 0 5px #ef444480}50%{box-shadow:0 0 20px #ef4444cc,0 0 40px #ef444466}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes flip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes anchor-drop{0%{transform:translateY(-20px) rotate(-10deg);opacity:0}60%{transform:translateY(5px) rotate(5deg)}80%{transform:translateY(-2px) rotate(-2deg)}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes anchor-swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes progress{0%{width:0}to{width:100%}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100px) rotate(720deg)}}.animate-fast{animation-duration:.15s}.animate-normal{animation-duration:.3s}.animate-slow{animation-duration:.5s}.animate-slower{animation-duration:.8s}.animate-linear{animation-timing-function:linear}.animate-ease{animation-timing-function:ease}.animate-ease-in{animation-timing-function:ease-in}.animate-ease-out{animation-timing-function:ease-out}.animate-ease-in-out{animation-timing-function:ease-in-out}.animate-bounce{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.animate-fill-forwards{animation-fill-mode:forwards}.animate-fill-backwards{animation-fill-mode:backwards}.animate-fill-both{animation-fill-mode:both}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-infinite{animation-iteration-count:infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-out{animation:fadeOut .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-down{animation:fadeInDown .4s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1) forwards}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-slide-in-up{animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-pulse{animation:pulse 2s infinite}.animate-pulse-soft{animation:pulse-soft 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-glow{animation:glow 2s infinite}.animate-glow-blue{animation:glow-blue 2s infinite}.animate-glow-green{animation:glow-green 2s infinite}.animate-glow-red{animation:glow-red 2s infinite}.animate-shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-anchor{animation:anchor-drop .6s cubic-bezier(.4,0,.2,1) forwards}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-rubber-band{animation:rubberBand 1s ease-in-out}.animate-flip{animation:flip .6s ease-in-out}.animate-flip-in-x{animation:flipInX .5s ease-out forwards}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000026}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 30px #d4af374d}.hover-glow-blue:hover{box-shadow:0 0 30px #3b82f64d}.hover-glow-green:hover{box-shadow:0 0 30px #22c55e4d}.hover-glow-red:hover{box-shadow:0 0 30px #ef44444d}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:100%;pointer-events:none}@media(max-width:640px){.toast-container{left:1rem;right:1rem;bottom:5rem}}.toast{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;border-radius:12px;background:#fff;border-left:4px solid;min-width:320px;max-width:500px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative;overflow:hidden;animation:toast-slide-in .4s cubic-bezier(.4,0,.2,1);transition:all .3s ease}.toast--exiting{animation:toast-slide-out .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toast-slide-in{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.9);opacity:0}}@keyframes toast-bounce-in{0%{transform:translate(100%) scale(.3);opacity:0}50%{transform:translate(-5%) scale(1.05)}70%{transform:translate(2%) scale(.98)}to{transform:translate(0) scale(1);opacity:1}}@media(max-width:640px){.toast{animation:toast-slide-up .4s cubic-bezier(.4,0,.2,1);min-width:auto;max-width:100%}.toast--exiting{animation:toast-slide-down .3s cubic-bezier(.4,0,1,1) forwards}}@keyframes toast-slide-up{0%{transform:translateY(100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toast-slide-down{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.9);opacity:0}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:currentColor;background-opacity:.1}.toast-icon svg{width:14px;height:14px}.toast-message{flex:1;font-size:.9375rem;line-height:1.5;color:#374151;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#9ca3af;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;margin:-.25rem -.5rem -.25rem 0}.toast-close:hover{color:#6b7280;background:#0000000d}.toast-close:active{transform:scale(.95)}.toast-success{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.toast-success .toast-icon{color:#10b981;background:#10b9811a}.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.toast-error .toast-icon{color:#ef4444;background:#ef44441a}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.toast-warning .toast-icon{color:#f59e0b;background:#f59e0b1a}.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.toast-info .toast-icon{color:#3b82f6;background:#3b82f61a}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;border-radius:0 0 0 12px;animation:toast-progress linear forwards}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#ef4444}.toast-warning .toast-progress{background:#f59e0b}.toast-info .toast-progress{background:#3b82f6}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast:hover{transform:translateY(-2px);box-shadow:0 20px 35px -10px #00000026,0 10px 15px -5px #0000001a}.toast:hover .toast-progress{animation-play-state:paused}.toast-actions{display:flex;gap:.5rem;margin-top:.75rem}.toast-action{padding:.375rem .875rem;font-size:.8125rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.toast-action--primary{background:var(--yacht-navy);color:#fff}.toast-action--primary:hover{background:var(--yacht-navy-light)}.toast-action--secondary{background:#0000000d;color:#6b7280}.toast-action--secondary:hover{background:#0000001a}.toast--achievement{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.toast--achievement .toast-icon{color:#f59e0b;background:#f59e0b33;animation:achievement-pulse 2s infinite}@keyframes achievement-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast--premium{background:linear-gradient(135deg,#fff,#fefce8);border-left-color:#d4af37;border-left-width:5px}.toast--premium .toast-icon{color:#d4af37;background:#d4af371a}.toast--premium:before{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent);pointer-events:none}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:640px){.toast-container{top:.75rem;right:.75rem;left:.75rem}}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform,box-shadow}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px -5px #0003,0 4px 6px -2px #0000001a}.btn:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 2px 4px -1px #0000001a;transition:all .1s ease}.btn-primary{background:linear-gradient(135deg,var(--yacht-navy-light) 0%,var(--yacht-navy) 100%);color:var(--primary-foreground);position:relative}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px -5px #1a2d4a66,0 0 0 1px #d4af374d}.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-blue:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px -5px #3b82f666,0 0 20px #3b82f633}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-green:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 10px 25px -5px #22c55e66,0 0 20px #22c55e33}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--foreground)}.btn-outline:hover:not(:disabled){border-color:var(--yacht-gold);color:var(--yacht-gold);background:#d4af370d;box-shadow:0 0 0 3px #d4af371a,inset 0 0 20px #d4af370d}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover:not(:disabled){background:#0000000d;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 25px -5px #ef444466,0 0 20px #ef444433}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.btn:active:not(:disabled):after{width:300%;height:300%;opacity:0;transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--yacht-gold)}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{padding:.625rem;min-width:44px;min-height:44px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.25rem;height:1.25rem;animation:spin 1s linear infinite;color:currentColor}.btn-loading .btn-spinner{color:var(--primary-foreground)}.btn-blue.btn-loading .btn-spinner,.btn-green.btn-loading .btn-spinner,.btn-danger.btn-loading .btn-spinner{color:#fff}.btn-outline.btn-loading .btn-spinner,.btn-ghost.btn-loading .btn-spinner{color:var(--foreground)}@keyframes buttonSuccess{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.95)}75%{transform:scale(1.02)}to{transform:scale(1)}}.btn--success{animation:buttonSuccess .5s cubic-bezier(.4,0,.2,1)}@keyframes buttonPulse{0%,to{box-shadow:0 0 #d4af3766}50%{box-shadow:0 0 0 10px #d4af3700}}.btn-pulse{animation:buttonPulse 2s infinite}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-float:hover:not(:disabled){animation:buttonFloat 1.5s ease-in-out infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground)}.input-error{border-color:var(--destructive)!important}.input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.input-error-message{font-size:.75rem;color:var(--destructive);margin-top:-.25rem}.avatar-sm{width:1.5rem;height:1.5rem;font-size:.75rem}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-svg{animation:spinner-rotate 1s linear infinite}.spinner-sm .spinner-svg{width:1rem;height:1rem}.spinner-md .spinner-svg{width:1.5rem;height:1.5rem}.spinner-lg .spinner-svg{width:2rem;height:2rem}.spinner-circle{opacity:.25}.spinner-path{opacity:.75}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;will-change:transform,box-shadow}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.card-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0;display:flex;align-items:center;gap:.5rem}.card-content{padding:1.5rem}.card:hover{box-shadow:0 20px 40px -10px #0000001a,0 10px 20px -5px #0000000d}.card--interactive{cursor:pointer;position:relative;overflow:hidden}.card--interactive:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d4af3700,#d4af3708,#d4af00);opacity:0;transition:opacity .3s ease;pointer-events:none}.card--interactive:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #d4af3733;border-color:#d4af374d}.card--interactive:hover:before{opacity:1}.card--interactive:active{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000001a,0 0 0 1px #d4af3726}.card--glow-gold:hover{box-shadow:0 25px 50px -12px #00000026,0 0 30px #d4af3726,inset 0 0 0 1px #d4af3733}.card--glow-blue:hover{box-shadow:0 25px 50px -12px #00000026,0 0 30px #3b82f626,inset 0 0 0 1px #3b82f633}.card--glow-green:hover{box-shadow:0 25px 50px -12px #00000026,0 0 30px #22c55e26,inset 0 0 0 1px #22c55e33}.card--glow-red:hover{box-shadow:0 25px 50px -12px #00000026,0 0 30px #ef444426,inset 0 0 0 1px #ef444433}.card--shimmer{position:relative;overflow:hidden}.card--shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;pointer-events:none}.card--shimmer:hover:after{left:150%}.card--gradient-border{position:relative;background:var(--card);border:none}.card--gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,var(--yacht-gold),var(--yacht-navy-light));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.card--gradient-border:hover:before{opacity:1}.card--status-blue{border-left:4px solid var(--status-blue)}.card--status-green{border-left:4px solid var(--status-green)}.card--status-yellow{border-left:4px solid var(--status-yellow)}.card--status-red{border-left:4px solid var(--status-red)}.card--status-purple{border-left:4px solid var(--status-purple)}.card--animated{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card--animated:nth-child(1){animation-delay:0ms}.card--animated:nth-child(2){animation-delay:50ms}.card--animated:nth-child(3){animation-delay:.1s}.card--animated:nth-child(4){animation-delay:.15s}.card--animated:nth-child(5){animation-delay:.2s}.card--animated:nth-child(6){animation-delay:.25s}.card:focus-within{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--yacht-gold);outline:none}.card--elevation-1{box-shadow:var(--shadow-sm)}.card--elevation-2{box-shadow:var(--shadow)}.card--elevation-3{box-shadow:var(--shadow-md)}.card--elevation-4{box-shadow:var(--shadow-lg)}.card--elevation-1:hover{box-shadow:var(--shadow)}.card--elevation-2:hover{box-shadow:var(--shadow-md)}.card--elevation-3:hover{box-shadow:var(--shadow-lg)}.card--glass{background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.card--stat{position:relative;overflow:hidden}.card--stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--yacht-gold),var(--yacht-navy-light));opacity:0;transition:opacity .3s ease}.card--stat:hover:before{opacity:1}.card--compact .card-header{padding:.875rem 1.25rem}.card--compact .card-content{padding:1.25rem}.badge-sm{padding:.0625rem .375rem;font-size:.6875rem;font-weight:500}.badge-lg{padding:.25rem .875rem;font-size:.875rem;font-weight:500}.select-wrapper{display:flex;flex-direction:column;gap:.5rem}.select-label{font-size:.875rem;font-weight:500;color:#374151}.select{padding:.625rem 2.5rem .625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;color:#374151;background-color:#fff;transition:all .15s ease-in-out;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.select:hover:not(:disabled){border-color:#9ca3af}.select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.select-error{border-color:#ef4444}.select-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-error-message{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--card, white);border-radius:.5rem;box-shadow:var(--shadow-lg, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));display:flex;flex-direction:column;max-height:calc(100vh - 2rem);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:100%;max-width:24rem}.modal-md{width:100%;max-width:32rem}.modal-lg{width:100%;max-width:48rem}.modal-xl{width:100%;max-width:64rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border, #e5e7eb)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--foreground, #111827);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:var(--muted-foreground, #6b7280);cursor:pointer;border-radius:.375rem;transition:all .15s ease-in-out}.modal-close:hover{background-color:var(--muted, #f3f4f6);color:var(--foreground, #111827)}.modal-close:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;color:var(--foreground, #111827)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border, #e5e7eb)}.checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;display:inline-block;width:1.125rem;height:1.125rem;background-color:#fff;border:2px solid #d1d5db;border-radius:.25rem;transition:all .15s ease-in-out}.checkbox-input:checked~.checkbox-custom{background-color:#0d9488;border-color:#0d9488}.checkbox-input:checked~.checkbox-custom:after{content:"";position:absolute;left:.3125rem;top:.0625rem;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus~.checkbox-custom{outline:2px solid #0d9488;outline-offset:2px}.checkbox-input:disabled~.checkbox-custom{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.checkbox-input:disabled~.checkbox-label{color:#9ca3af;cursor:not-allowed}.checkbox-label{font-size:.875rem;color:#374151;line-height:1.25rem}.checkbox-wrapper:hover .checkbox-custom{border-color:#0d9488}.checkbox-wrapper:hover .checkbox-input:disabled~.checkbox-custom{border-color:#d1d5db}.date-range-picker{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-range-picker-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.date-range-picker-inputs{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.date-range-picker-field{display:flex;flex-direction:column;gap:4px;flex:1}.date-range-picker-field-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.date-range-picker-input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);transition:border-color .2s ease}.date-range-picker-input:hover{border-color:var(--yacht-gold)}.date-range-picker-input:focus{outline:none;border-color:var(--yacht-gold);box-shadow:0 0 0 3px #d4af371a}.date-range-picker-input--error{border-color:var(--status-red)}.date-range-picker-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.date-range-picker-separator{font-size:1rem;color:var(--text-secondary);padding-bottom:var(--spacing-sm)}.date-range-picker-clear{padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.date-range-picker-clear:hover{background-color:#ef44441a;border-color:var(--status-red);color:var(--status-red)}.date-range-picker-error{font-size:.75rem;color:var(--status-red);margin:0}@media(max-width:768px){.date-range-picker-inputs{flex-direction:column;align-items:stretch}.date-range-picker-separator{display:none}.date-range-picker-clear{align-self:flex-end}}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-button{min-width:36px;height:36px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(.pagination-button--disabled):not(.pagination-button--active){background-color:#d4af371a;border-color:var(--yacht-gold);color:var(--yacht-gold)}.pagination-button--active{background-color:var(--yacht-gold);border-color:var(--yacht-gold);color:#fff;font-weight:600;cursor:default}.pagination-button--arrow{font-size:1.1rem;font-weight:600}.pagination-button--disabled{opacity:.4;cursor:not-allowed;background-color:var(--bg-secondary)}.pagination-ellipsis{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;user-select:none}.pagination-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.pagination-info-text{color:var(--text-secondary)}@media(max-width:640px){.pagination-button{min-width:32px;height:32px;padding:4px var(--spacing-xs);font-size:.8125rem}.pagination-info{flex-direction:column;gap:4px;font-size:.8125rem}}.tabs-container{width:100%}.tabs-header{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#1f2937;background-color:#f3f4f6}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.tabs-content{min-height:200px}.confirm-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirm-modal-container{background:var(--card);width:90%;max-width:400px;border-radius:20px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border)}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-modal-icon.danger{background:#ef44441a;color:#ef4444}.confirm-modal-icon svg{width:28px;height:28px}.confirm-modal-content h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--foreground)}.confirm-modal-content p{margin:0 0 24px;font-size:.9375rem;color:var(--muted-foreground);line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;width:100%}.confirm-modal-actions button{flex:1;padding:12px;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.confirm-btn-cancel{background:var(--muted);color:var(--foreground)}.confirm-btn-cancel:hover{background:var(--border)}.confirm-btn-confirm.danger{background:#ef4444;color:#fff}.confirm-btn-confirm.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}@keyframes scaleIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary, #f0f0f0) 25%,var(--bg-tertiary, #e8e8e8) 50%,var(--bg-secondary, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px;position:relative;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-text:last-child{margin-bottom:0}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}.skeleton-rounded{border-radius:12px}.skeleton-sm{height:.75rem}.skeleton-md{height:1rem}.skeleton-lg{height:1.5rem}.skeleton-xl{height:2rem}.skeleton-wave{background:var(--bg-secondary, #f0f0f0);overflow:hidden}.skeleton-wave:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-wave 2s infinite}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse{animation:skeleton-pulse 2s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--card, #ffffff);border-radius:12px;border:1px solid var(--border, #e5e5e5);box-shadow:var(--shadow-sm)}.skeleton-card-avatar{flex-shrink:0}.skeleton-card-content{flex:1;min-width:0}.skeleton-card-meta{display:flex;gap:16px;margin-top:12px}.skeleton-card-actions{flex-shrink:0;margin-left:auto}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card, #ffffff);border-radius:10px;border:1px solid var(--border, #e5e5e5)}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.skeleton-stat-card{padding:24px;background:var(--card, #ffffff);border-radius:12px;border:1px solid var(--border, #e5e5e5);box-shadow:var(--shadow-sm)}.skeleton-stat-card .skeleton:first-child{width:60%;margin-bottom:12px}.skeleton-stat-card .skeleton:last-child{width:40%;height:2rem}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table-row{display:flex;gap:16px;padding:16px;border-bottom:1px solid var(--border, #e5e5e5)}.skeleton-table-cell{flex:1}.skeleton-table-cell-sm{flex:.5}.skeleton-table-cell-lg{flex:2}.skeleton-profile{display:flex;flex-direction:column;align-items:center;padding:32px;text-align:center}.skeleton-profile-avatar{width:80px;height:80px;margin-bottom:16px}.skeleton-profile-name{width:60%;height:1.5rem;margin-bottom:8px}.skeleton-profile-role{width:40%}.skeleton-chart{padding:24px;background:var(--card, #ffffff);border-radius:12px;border:1px solid var(--border, #e5e5e5)}.skeleton-chart-header{width:40%;height:1.25rem;margin-bottom:24px}.skeleton-chart-body{height:200px;background:linear-gradient(180deg,var(--bg-secondary, #f0f0f0) 0%,var(--bg-tertiary, #e8e8e8) 100%);border-radius:8px;position:relative;overflow:hidden}.skeleton-chart-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(255,255,255,.3),transparent)}.skeleton-yacht-card{background:var(--card, #ffffff);border-radius:16px;overflow:hidden;border:1px solid var(--border, #e5e5e5);box-shadow:var(--shadow-sm)}.skeleton-yacht-image{height:160px;width:100%}.skeleton-yacht-content{padding:20px}.skeleton-yacht-title{width:70%;height:1.5rem;margin-bottom:12px}.skeleton-yacht-meta{display:flex;gap:12px}.skeleton-yacht-meta-item{width:30%;height:1rem}.skeleton-task{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card, #ffffff);border-radius:12px;border:1px solid var(--border, #e5e5e5);border-left:4px solid var(--bg-secondary, #f0f0f0)}.skeleton-task-icon{width:40px;height:40px;border-radius:10px}.skeleton-task-content{flex:1}.skeleton-task-title{width:60%;height:1.125rem;margin-bottom:8px}.skeleton-task-desc{width:80%;height:.875rem}.skeleton-task-badge{width:80px;height:24px;border-radius:12px}.skeleton-sidebar{padding:24px 16px}.skeleton-sidebar-logo{width:80%;height:2rem;margin-bottom:32px}.skeleton-sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:8px}.skeleton-sidebar-icon{width:24px;height:24px;border-radius:6px}.skeleton-sidebar-text{flex:1;height:1rem}.skeleton-stagger>*{animation-delay:calc(var(--i, 0) * .1s)}.skeleton-stagger>*:nth-child(1){--i: 0}.skeleton-stagger>*:nth-child(2){--i: 1}.skeleton-stagger>*:nth-child(3){--i: 2}.skeleton-stagger>*:nth-child(4){--i: 3}.skeleton-stagger>*:nth-child(5){--i: 4}.skeleton-stagger>*:nth-child(6){--i: 5}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background-color:var(--card, white);border-radius:1rem 1rem 0 0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;animation:slideUp .3s ease-out;transition:transform .2s ease-out;max-height:90vh;overflow:hidden}.bottom-sheet--dragging{transition:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{display:flex;justify-content:center;padding:.75rem 0;cursor:grab;flex-shrink:0}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-handle-bar{width:36px;height:4px;background-color:var(--border, #d1d5db);border-radius:2px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .75rem;border-bottom:1px solid var(--border, #e5e7eb);flex-shrink:0}.bottom-sheet-title{font-size:1.125rem;font-weight:600;color:var(--foreground, #111827);margin:0}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--muted-foreground, #6b7280);cursor:pointer;border-radius:.5rem;transition:background-color .15s ease}.bottom-sheet-close:hover{background-color:var(--muted, #f3f4f6)}.bottom-sheet-close:active{background-color:var(--border, #e5e7eb);transform:scale(.98)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch;color:var(--foreground, #111827)}@media(min-width:768px){.bottom-sheet-overlay{align-items:center;justify-content:center}.bottom-sheet{position:relative;bottom:auto;left:auto;right:auto;width:100%;max-width:480px;border-radius:1rem;animation:scaleIn .2s ease-out;max-height:80vh}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bottom-sheet-handle{display:none}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--foreground);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.theme-toggle:hover{background-color:var(--muted)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.theme-toggle-icon{transition:opacity var(--transition-normal),transform var(--transition-normal)}.theme-toggle-icon.hidden{opacity:0;position:absolute;transform:rotate(90deg) scale(0)}.theme-toggle-sun{color:var(--status-yellow)}.theme-toggle-moon{color:var(--status-blue)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px;animation:fadeInUp var(--transition-normal) ease-out}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--muted) 0%,var(--secondary) 100%);border-radius:50%;color:var(--muted-foreground);transition:transform var(--transition-normal),background var(--transition-normal)}.empty-state:hover .empty-state-icon{transform:scale(1.05)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 var(--spacing-sm) 0}.empty-state-description{font-size:.9375rem;color:var(--muted-foreground);margin:0 0 var(--spacing-lg) 0;max-width:320px;line-height:1.6}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.empty-state-action{margin:0}.empty-state--compact{min-height:200px;padding:var(--spacing-lg)}.empty-state--compact .empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-md)}.empty-state--compact .empty-state-icon svg{width:40px;height:40px}.empty-state--compact .empty-state-title{font-size:1rem}.empty-state--compact .empty-state-description{font-size:.875rem;max-width:280px}.empty-state--inline{flex-direction:row;min-height:auto;padding:var(--spacing-lg);gap:var(--spacing-md);text-align:left}.empty-state--inline .empty-state-icon{width:48px;height:48px;margin-bottom:0;flex-shrink:0}.empty-state--inline .empty-state-icon svg{width:24px;height:24px}.empty-state--inline .empty-state-title{font-size:.9375rem;margin-bottom:var(--spacing-xs)}.empty-state--inline .empty-state-description{font-size:.8125rem;margin-bottom:0}.empty-state--error .empty-state-icon{background:linear-gradient(135deg,#ef44441a,#ef444433);color:var(--status-red)}@media(max-width:480px){.empty-state{padding:var(--spacing-xl) var(--spacing-md);min-height:250px}.empty-state-icon{width:100px;height:100px}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:1.125rem}.empty-state-description{font-size:.875rem;max-width:100%}}.pull-to-refresh{position:relative;width:100%;overflow:hidden;touch-action:pan-y}.pull-to-refresh-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:var(--spacing-sm);overflow:hidden;z-index:1;color:var(--muted-foreground);transition:opacity var(--transition-fast)}.pull-to-refresh-indicator.ready{color:var(--primary)}.pull-to-refresh-indicator.refreshing{color:var(--status-blue)}.pull-to-refresh-spinner{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:var(--spacing-xs);transition:transform var(--transition-fast)}.pull-to-refresh-loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-to-refresh-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pull-to-refresh-content{will-change:transform}@media(min-width:769px){.pull-to-refresh-indicator{display:none}.pull-to-refresh-content{transform:none!important}}.swipeable-card{position:relative;overflow:hidden;border-radius:var(--radius-md)}.swipeable-card-action{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--spacing-lg);color:#fff;opacity:0;transition:opacity var(--transition-fast)}.swipeable-card-action--left{left:0;justify-content:flex-start}.swipeable-card-action--right{right:0;justify-content:flex-end}.swipeable-card-action.triggered{opacity:1}.swipeable-card-action-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.swipeable-card-action-content svg{width:24px;height:24px}.swipeable-card-content{position:relative;z-index:1;background-color:var(--card);will-change:transform}@media(min-width:769px){.swipeable-card-action{display:none}.swipeable-card-content{transform:none!important}}@media(max-width:768px){.swipeable-card{-webkit-tap-highlight-color:transparent}}.language-switcher{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background-color:#ffffff14;color:var(--sidebar-foreground, #fff);cursor:pointer;font-size:14px;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.language-switcher:hover{background-color:#ffffff2e;border-color:#ffffff4d}.language-switcher:active{transform:scale(.95)}.language-switcher:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.language-switcher-flag{font-size:18px;line-height:1}.language-switcher-code{font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:.05em;color:var(--sidebar-foreground, #fff)}.header-actions .language-switcher{background-color:transparent;border-color:transparent;color:var(--foreground)}.header-actions .language-switcher-code{color:var(--foreground)}.header-actions .language-switcher:hover{background-color:var(--muted);border-color:transparent}.sidebar-user-top{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-sm)}.sidebar-user-top .sidebar-user-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.sidebar-user-top .sidebar-user-role{font-size:.75rem;color:var(--yacht-gold);text-transform:uppercase;letter-spacing:.05em}.yacht-menu-empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);font-size:.85rem;font-style:italic}.sidebar-section{margin:var(--spacing-md) 0}.sidebar-section-title{font-size:.75rem;font-weight:600;color:var(--yacht-gold);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs)}.yacht-menu-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.yacht-menu-item{display:flex;flex-direction:column}.yacht-menu-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem;border-radius:var(--radius-sm)}.yacht-menu-button:hover{background-color:#ffffff0d;color:var(--text-primary)}.yacht-menu-button.active{background-color:#d4af371a;color:var(--yacht-gold);font-weight:500}.yacht-menu-name{flex:1;text-align:left}.yacht-menu-icon{font-size:.875rem;opacity:.7}.yacht-submenu{display:flex;flex-direction:column;gap:2px;padding-left:var(--spacing-md);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);border-left:2px solid rgba(212,175,55,.2)}.yacht-submenu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-size:.85rem;border-radius:var(--radius-sm)}.yacht-submenu-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.yacht-submenu-item.active{background-color:#d4af3726;color:var(--yacht-gold);font-weight:500}.yacht-submenu-item svg{width:14px;height:14px;flex-shrink:0}.logout-button{width:100%;margin-top:var(--spacing-sm)}@media(max-width:768px){.sidebar-section-title{font-size:.7rem}.yacht-menu-button{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.yacht-submenu-item{font-size:.8rem;padding:6px var(--spacing-sm)}}.crew-sidebar{display:flex;flex-direction:column;padding-bottom:1rem}.sidebar-user-top .sidebar-user-role{font-size:.7rem;color:var(--yacht-gold, #94a3b8);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.sidebar-group-title{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.1em;padding:1rem 1rem .35rem;user-select:none}.crew-sidebar .sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#cbd5e1;font-size:.875rem;font-weight:450;text-decoration:none;transition:all .15s ease;border-left:3px solid transparent;margin:0 .5rem;border-radius:.375rem}.crew-sidebar .sidebar-nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.8}.crew-sidebar .sidebar-nav-item:hover{color:#f1f5f9;background:#ffffff0d}.crew-sidebar .sidebar-nav-item:hover svg{opacity:1}.crew-sidebar .sidebar-nav-item.active{color:#38bdf8;background:#38bdf81a;border-left-color:#38bdf8;font-weight:500}.crew-sidebar .sidebar-nav-item.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding:1rem .75rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;margin-bottom:.5rem}.crew-sidebar .logout-button{width:calc(100% - 1rem);margin:0 .5rem;justify-content:center;color:#94a3b8;border:1px solid rgba(255,255,255,.1);background:#ffffff05;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.875rem;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.crew-sidebar .logout-button:hover{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.crew-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:.25rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.crew-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.crew-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.crew-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media(max-width:768px){.crew-sidebar .sidebar-nav-item{font-size:.9rem;padding:.7rem 1rem}.sidebar-group-title{font-size:.6rem;padding:.6rem 1rem .3rem}.sidebar-user-top{padding:1rem}}.captain-sidebar{display:flex;flex-direction:column;padding-bottom:1rem}.sidebar-user-top{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.sidebar-user-top .sidebar-user-name{font-weight:600;color:#f1f5f9;margin-bottom:2px;font-size:.95rem}.sidebar-user-top .sidebar-user-role{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.sidebar-group{margin-bottom:.25rem}.sidebar-group-title{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.1em;padding:.75rem 1rem .35rem;user-select:none}.sidebar-group-items{display:flex;flex-direction:column;gap:1px}.captain-sidebar .sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#cbd5e1;font-size:.875rem;font-weight:450;text-decoration:none;transition:all .15s ease;border-left:3px solid transparent;margin:0 .5rem;border-radius:.375rem}.captain-sidebar .sidebar-nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.8}.captain-sidebar .sidebar-nav-item:hover{color:#f1f5f9;background:#ffffff0d}.captain-sidebar .sidebar-nav-item:hover svg{opacity:1}.captain-sidebar .sidebar-nav-item.active{color:#38bdf8;background:#38bdf81a;border-left-color:#38bdf8;font-weight:500}.captain-sidebar .sidebar-nav-item.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding:.75rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem}.captain-sidebar .logout-button{width:calc(100% - 1rem);margin:0 .5rem;justify-content:center;color:#94a3b8;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.captain-sidebar .logout-button:hover{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.captain-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:.25rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.captain-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.captain-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.captain-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media(max-width:768px){.captain-sidebar .sidebar-nav-item{font-size:.9rem;padding:.7rem 1rem}.sidebar-group-title{font-size:.6rem;padding:.6rem 1rem .3rem}.sidebar-user-top{padding:1rem}}.admin-badge{font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);padding:2px 6px;border-radius:4px;letter-spacing:.08em;margin-left:8px}.admin-sidebar .sidebar-user-top{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-sm)}.admin-sidebar .sidebar-user-top .sidebar-user-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.admin-sidebar .sidebar-user-top .sidebar-user-role{font-size:.75rem;color:#ef4444;text-transform:uppercase;letter-spacing:.05em}.admin-sidebar .sidebar-section{margin:var(--spacing-md) 0}.admin-sidebar .sidebar-section-title{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-xs);opacity:.7}.admin-sidebar .sidebar-nav-item{padding:6px var(--spacing-md);font-size:.85rem}.admin-sidebar .sidebar-nav-item svg{width:16px;height:16px;flex-shrink:0}.admin-sidebar .sidebar-nav-item.active{background-color:#ef44441a;color:#ef4444;border-left:3px solid #ef4444}.admin-sidebar .sidebar-nav-item.active svg{color:#ef4444}.mobile-fab-container{display:none;position:fixed;right:1rem;bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:100}@media(max-width:768px){.mobile-fab-container{display:block}}.mobile-fab-backdrop{position:fixed;inset:0;background:#0000004d;z-index:-1;animation:fadeIn .2s ease}.mobile-fab-main{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb66;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.mobile-fab-main:active{transform:scale(.95)}.mobile-fab-main--open{transform:rotate(45deg);background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.mobile-fab-main svg{transition:transform .3s ease}.mobile-fab-actions{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-fab-actions--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-fab-action{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:none;border-radius:28px;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s ease;-webkit-tap-highlight-color:transparent;animation:slideIn .3s ease backwards}.mobile-fab-action:nth-child(1){animation-delay:.05s}.mobile-fab-action:nth-child(2){animation-delay:.1s}.mobile-fab-action:nth-child(3){animation-delay:.15s}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mobile-fab-action:active{transform:scale(.97);box-shadow:0 1px 4px #0000001a}.mobile-fab-action-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--fab-color, #3b82f6);color:#fff}.mobile-fab-action-label{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap;padding-right:.5rem}@media(prefers-reduced-motion:no-preference){.mobile-fab-main:active{animation:haptic .1s ease}}@keyframes haptic{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-message{color:#6b7280;font-size:.875rem}.lsc-card{background:var(--tanks-surface, #ffffff);border:1px solid var(--tanks-border, #e2e8f0);border-radius:14px;overflow:hidden;transition:all .25s ease;cursor:pointer}.lsc-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px -4px #0000001f}.lsc-header{padding:14px 16px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;position:relative}.lsc-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:var(--tanks-border-light, #f1f5f9)}.lsc-header-left{flex:1;min-width:0}.lsc-name{font-size:15px;font-weight:700;color:var(--tanks-text-primary, #0f172a);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lsc-type-label{font-size:11px;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:5px}.lsc-type-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.lsc-status-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}.lsc-status-badge.normal{background:#dcfce7;color:#15803d}.lsc-status-badge.warning{background:#fef3c7;color:#b45309}.lsc-status-badge.critical{background:#fee2e2;color:#dc2626}.lsc-progress{padding:16px}.lsc-progress-numbers{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.lsc-amount{font-size:22px;font-weight:800;color:var(--tanks-text-primary, #0f172a);font-variant-numeric:tabular-nums;line-height:1}.lsc-percentage{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.lsc-bar-track{height:8px;background:var(--tanks-border, #e2e8f0);border-radius:4px;overflow:hidden;position:relative}.lsc-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px;position:relative}.lsc-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:lsc-shimmer 2s ease-in-out infinite}@keyframes lsc-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lsc-capacity{display:block;text-align:center;font-size:11px;color:var(--tanks-text-muted, #94a3b8);margin-top:8px;font-variant-numeric:tabular-nums}.lsc-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--tanks-surface-hover, #f8fafc);border-top:1px solid var(--tanks-border-light, #f1f5f9)}.lsc-last-date{font-size:11px;color:var(--tanks-text-muted, #94a3b8);display:flex;align-items:center;gap:4px}.lsc-last-date svg{width:12px;height:12px;opacity:.6}.lsc-actions{display:flex;gap:6px}.lsc-action-btn{padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:6px;border:1px solid var(--tanks-border, #e2e8f0);background:var(--tanks-surface, #ffffff);color:var(--tanks-text-secondary, #475569);cursor:pointer;transition:all .15s ease}.lsc-action-btn:hover{border-color:var(--tanks-text-muted, #94a3b8);background:var(--tanks-surface-hover, #f8fafc)}.lsc-action-btn.measure:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.lsc-action-btn.event:hover{background:#f0fdf4;border-color:#22c55e;color:#15803d}@media(max-width:480px){.lsc-amount{font-size:18px}.lsc-percentage{font-size:12px}.lsc-footer{flex-direction:column;gap:8px;align-items:stretch}.lsc-actions{justify-content:flex-end}}.lec-card{background:var(--tanks-surface, #ffffff);border:1px solid var(--tanks-border, #e2e8f0);border-left:4px solid var(--tanks-border, #e2e8f0);border-radius:12px;padding:16px 18px;transition:all .2s ease}.lec-card:hover{box-shadow:0 2px 8px #0000000f}.lec-card.pending{background:linear-gradient(135deg,#fffbeb,#fef9f0);border-color:#fcd34d}.lec-main{display:flex;align-items:flex-start;gap:14px}.lec-left{display:flex;flex-direction:column;gap:6px;min-width:100px}.lec-type-tag{font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:6px;text-align:center;text-transform:uppercase}.lec-amount{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.lec-amount.income{color:#059669}.lec-amount.expense{color:#dc2626}.lec-middle{flex:1;min-width:0}.lec-description{font-size:14px;color:var(--tanks-text-primary, #0f172a);margin:0 0 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lec-meta{font-size:12px;color:var(--tanks-text-muted, #94a3b8);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lec-meta-sep{color:var(--tanks-border, #e2e8f0);font-size:10px}.lec-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.lec-status{font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:6px}.lec-status.pending{background:#fef3c7;color:#92400e}.lec-status.approved{background:#dcfce7;color:#166534}.lec-doc-badge{font-size:10px;font-weight:600;color:var(--tanks-text-muted, #94a3b8);padding:2px 8px;border:1px solid var(--tanks-border, #e2e8f0);border-radius:4px;display:flex;align-items:center;gap:4px}.lec-doc-badge svg{width:10px;height:10px}.lec-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--tanks-border-light, #f1f5f9)}.lec-action-btn{padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none}.lec-action-btn.approve{background:var(--tanks-text-primary, #0f172a);color:var(--tanks-surface, #ffffff)}.lec-action-btn.approve:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.lec-action-btn.delete{background:#fee2e2;color:#dc2626}.lec-action-btn.delete:hover{background:#fecaca}.lec-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.lec-main{flex-direction:column;gap:10px}.lec-left{flex-direction:row;align-items:center;justify-content:space-between;min-width:auto}.lec-right{flex-direction:row;justify-content:flex-start;gap:8px;min-width:auto}}.liquid-detail-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.liquid-detail-modal{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a inset;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-detail-header{padding:22px 28px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:center}.liquid-detail-subtitle{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.liquid-detail-title{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a;letter-spacing:-.01em}.liquid-detail-close-btn{background:#f1f5f9;border:none;cursor:pointer;color:#64748b;width:40px;height:40px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.liquid-detail-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.liquid-detail-body{flex:1;overflow-y:auto;padding:28px;background:#f8fafc}.liquid-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.liquid-detail-stat-card{background:#fff;padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0}.liquid-detail-stat-card.positive{background:#f0fdf4;border-color:#bbf7d0}.liquid-detail-stat-card.negative{background:#fef2f2;border-color:#fecaca}.liquid-detail-stat-card.pending{background:#fffbeb;border-color:#fde68a}.liquid-detail-stat-card.approved{background:#f0fdf4;border-color:#bbf7d0}.liquid-detail-stat-card.positive .stat-value{color:#15803d}.liquid-detail-stat-card.negative .stat-value{color:#b91c1c}.liquid-detail-stat-card.pending .stat-value{color:#b45309}.liquid-detail-stat-card.approved .stat-value{color:#15803d}.stat-label{font-size:.7rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:600;color:#0f172a;font-family:Inter,system-ui,sans-serif}.liquid-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:#334155;font-weight:700;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px}.info-value{font-size:1rem;color:#0f172a;font-weight:600}.info-sub-value{font-size:.75rem;color:#64748b;font-weight:500;margin-top:2px}.liquid-detail-section{margin-bottom:24px;background:#fff;padding:20px;border-radius:16px;border:1px solid rgba(226,232,240,.6);box-shadow:0 1px 3px #0000000d}.liquid-detail-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-title{font-size:.875rem;font-weight:600;color:#0f172a;margin:0;text-transform:uppercase;letter-spacing:.025em}.liquid-detail-note{font-size:.9375rem;color:#475569;line-height:1.6;background:#f8fafc;padding:16px;border-radius:8px;border-left:3px solid #cbd5e1}.add-doc-btn{font-size:.875rem;color:#0ea5e9;background:transparent;border:none;font-weight:600;cursor:pointer;padding:6px 0;border-radius:4px;transition:all .2s}.add-doc-btn:hover{color:#0284c7;text-decoration:underline;background:transparent;transform:none}.add-doc-btn:disabled{color:#94a3b8;background:transparent;cursor:not-allowed;text-decoration:none}.liquid-detail-docs-list{display:flex;flex-direction:column;gap:12px}.doc-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;box-shadow:0 1px 2px #00000005}.doc-item:hover{border-color:#cbd5e1;transform:translate(4px);box-shadow:0 2px 4px #00000005}.doc-icon{color:#64748b;background:#f1f5f9;padding:8px;border-radius:8px;display:flex}.doc-info{flex:1;display:flex;flex-direction:column;gap:2px}.doc-name{font-size:.875rem;font-weight:500;color:#334155}.doc-date{font-size:.75rem;color:#94a3b8}.doc-download-btn{font-size:.75rem;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s;font-weight:600}.doc-download-btn:hover{color:#0f172a;border-color:#cbd5e1;background:#e2e8f0}.doc-actions{display:flex;align-items:center;gap:8px}.doc-delete-btn{font-size:0;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:6px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.doc-delete-btn:hover{background:#ef444426;border-color:#ef44444d;color:#dc2626}.liquid-detail-footer{padding:20px 28px;background:#fff;border-top:1px solid rgba(226,232,240,.8);display:flex;justify-content:flex-end}.primary-btn{background:#0ea5e9;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0ea5e933}.primary-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 6px 8px -1px #0ea5e94d}.secondary-btn{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-right:12px}.secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.edit-btn{background:#0ea5e9;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0ea5e933}.edit-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0ea5e94d}.edit-amount-input{width:100%;padding:8px 12px;font-size:1.1rem;font-weight:600;color:#0f172a;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;outline:none}.edit-amount-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.edit-note-input{width:100%;min-height:100px;padding:12px;font-size:.9375rem;color:#334155;border:2px solid #e2e8f0;border-radius:12px;resize:none;transition:all .2s;outline:none;font-family:inherit;line-height:1.6}.edit-note-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.header-actions{display:flex;align-items:center;gap:12px}.lel-container{padding:0}.lel-filters{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--tanks-border-light, #f1f5f9)}.lel-filter-btn{padding:6px 14px;font-size:12px;font-weight:600;color:var(--tanks-text-muted, #94a3b8);background:var(--tanks-surface-hover, #f8fafc);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.lel-filter-btn:hover{background:var(--tanks-border, #e2e8f0);color:var(--tanks-text-secondary, #475569)}.lel-filter-btn.active{background:var(--tanks-text-primary, #0f172a);color:var(--tanks-surface, #ffffff)}.lel-filter-divider{width:1px;background:var(--tanks-border, #e2e8f0);margin:0 4px;align-self:stretch}.lel-items{display:flex;flex-direction:column;gap:10px}.lel-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--tanks-border-light, #f1f5f9)}.lel-page-btn{padding:8px 16px;font-size:12px;font-weight:600;color:var(--tanks-text-secondary, #475569);background:var(--tanks-surface-hover, #f8fafc);border:1px solid var(--tanks-border, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s ease}.lel-page-btn:hover:not(:disabled){background:var(--tanks-border, #e2e8f0)}.lel-page-btn:disabled{opacity:.4;cursor:not-allowed}.lel-page-info{font-size:12px;color:var(--tanks-text-muted, #94a3b8);font-weight:600;font-variant-numeric:tabular-nums}.lel-loading,.lel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--tanks-text-muted, #94a3b8)}.lel-empty svg{width:40px;height:40px;margin-bottom:12px;opacity:.3}.lel-empty p{font-size:14px;margin:0}.lml-container{background:var(--tanks-surface, #ffffff);border-radius:12px;overflow:hidden}.lml-container.loading,.lml-container.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--tanks-text-muted, #94a3b8)}.lml-container.empty svg{width:40px;height:40px;margin-bottom:12px;opacity:.3}.lml-container.empty p{font-size:14px;margin:0}.lml-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:12px 16px;background:var(--tanks-surface-hover, #f8fafc);border-bottom:1px solid var(--tanks-border, #e2e8f0)}.lml-header span{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--tanks-text-muted, #94a3b8);text-transform:uppercase}.lml-header span:last-child{text-align:right}.lml-rows{display:flex;flex-direction:column}.lml-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--tanks-border-light, #f1f5f9);border-left:3px solid transparent;align-items:center;transition:background .15s ease}.lml-row:hover{background:var(--tanks-surface-hover, #f8fafc)}.lml-row:last-child{border-bottom:none}.lml-cell-tank{display:flex;align-items:center;gap:10px;min-width:0}.lml-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lml-tank-info{display:flex;flex-direction:column;gap:1px;min-width:0}.lml-tank-name{font-size:13px;font-weight:600;color:var(--tanks-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lml-tank-type{font-size:11px;color:var(--tanks-text-muted, #94a3b8)}.lml-cell-amount{font-variant-numeric:tabular-nums}.lml-amount-val{font-size:14px;font-weight:700;color:var(--tanks-text-primary, #0f172a)}.lml-cell-diff{font-variant-numeric:tabular-nums}.lml-diff-val{font-size:13px;font-weight:600}.lml-diff-val.positive{color:#059669}.lml-diff-val.negative{color:#dc2626}.lml-diff-empty{font-size:13px;color:var(--tanks-border, #e2e8f0)}.lml-cell-date{display:flex;flex-direction:column;gap:1px}.lml-date-val{font-size:13px;color:var(--tanks-text-secondary, #475569)}.lml-time-val{font-size:11px;color:var(--tanks-text-muted, #94a3b8)}.lml-cell-user{text-align:right}.lml-user-name{font-size:13px;color:var(--tanks-text-muted, #94a3b8)}.lml-footer{padding:10px;text-align:center;font-size:12px;color:var(--tanks-text-muted, #94a3b8);background:var(--tanks-surface-hover, #f8fafc);border-top:1px solid var(--tanks-border, #e2e8f0)}@media(max-width:768px){.lml-header{display:none}.lml-row{grid-template-columns:1fr auto;gap:6px 12px;padding:10px 14px}.lml-cell-tank{grid-column:1 / -1}.lml-cell-amount{grid-column:1}.lml-cell-diff{grid-column:2;text-align:right}.lml-cell-date{grid-column:1}.lml-cell-user{grid-column:2}.lml-tank-type{display:none}}.lmf-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:lmf-fadeIn .2s ease}@keyframes lmf-fadeIn{0%{opacity:0}to{opacity:1}}.lmf-modal{background:var(--tanks-surface, #ffffff);border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:lmf-slideUp .3s ease}@keyframes lmf-slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lmf-header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 26px;border-bottom:1px solid var(--tanks-border, #e2e8f0)}.lmf-title{font-size:18px;font-weight:700;color:var(--tanks-text-primary, #0f172a);margin:0 0 4px}.lmf-subtitle{font-size:13px;color:var(--tanks-text-muted, #94a3b8);margin:0}.lmf-close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--tanks-surface-hover, #f8fafc);border:none;border-radius:10px;color:var(--tanks-text-muted, #94a3b8);cursor:pointer;transition:all .15s ease;flex-shrink:0}.lmf-close-btn:hover{background:#fee2e2;color:#dc2626}.lmf-body{flex:1;overflow-y:auto;padding:22px 26px}.lmf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.lmf-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.3;color:var(--tanks-text-muted, #94a3b8)}.lmf-empty h4{font-size:16px;font-weight:700;color:var(--tanks-text-primary, #0f172a);margin:0 0 6px}.lmf-empty p{font-size:13px;color:var(--tanks-text-muted, #94a3b8);margin:0}.lmf-groups{display:flex;flex-direction:column;gap:20px}.lmf-group{border-radius:14px;overflow:hidden;border:1px solid var(--tanks-border, #e2e8f0)}.lmf-group-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:600}.lmf-group-dot{width:8px;height:8px;border-radius:50%}.lmf-group-name{font-size:14px;flex:1}.lmf-group-count{font-size:11px;padding:2px 10px;background:#0000000f;border-radius:12px;color:var(--tanks-text-muted, #94a3b8)}.lmf-tanks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:14px;background:var(--tanks-surface-hover, #f8fafc)}.lmf-tank-card{background:var(--tanks-surface, #ffffff);border-radius:12px;padding:14px;border:2px solid transparent;transition:all .2s ease}.lmf-tank-card.changed{border-color:var(--tanks-accent, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.lmf-tank-card.submitting{opacity:.6}.lmf-tank-info{margin-bottom:10px}.lmf-tank-name{display:block;font-size:13px;font-weight:600;color:var(--tanks-text-primary, #0f172a);margin-bottom:2px}.lmf-tank-cap{font-size:11px;color:var(--tanks-text-muted, #94a3b8)}.lmf-input-wrap{position:relative;display:flex;align-items:center}.lmf-input{flex:1;padding:10px 36px 10px 12px;background:var(--tanks-surface-hover, #f8fafc);border:2px solid var(--tanks-border, #e2e8f0);border-radius:10px;font-size:15px;font-weight:600;color:var(--tanks-text-primary, #0f172a);transition:all .2s ease;width:100%}.lmf-input:focus{outline:none;border-color:var(--tanks-accent, #3b82f6);background:var(--tanks-surface, #ffffff)}.lmf-input.changed{background:#eff6ff}.lmf-input.error{border-color:#ef4444;background:#fef2f2}.lmf-input:disabled{opacity:.5;cursor:not-allowed}.lmf-input-unit{position:absolute;right:12px;font-size:13px;font-weight:600;color:var(--tanks-text-muted, #94a3b8);pointer-events:none}.lmf-quick-save{position:absolute;right:-4px;top:50%;transform:translateY(-50%) translate(100%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.lmf-tank-card.changed .lmf-quick-save{transform:translateY(-50%) translate(0)}.lmf-quick-save:hover{transform:translateY(-50%) translate(0) scale(1.1)}.lmf-quick-save:disabled{opacity:.6;cursor:not-allowed}.lmf-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lmf-spin .8s linear infinite}@keyframes lmf-spin{to{transform:rotate(360deg)}}.lmf-error{font-size:11px;color:#dc2626;margin:4px 0 0}.lmf-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-top:1px solid var(--tanks-border, #e2e8f0);gap:14px}.lmf-footer-info{flex:1}.lmf-changes-badge{display:inline-flex;align-items:center;padding:5px 12px;background:var(--tanks-accent-light, #dbeafe);color:#1e40af;border-radius:16px;font-size:12px;font-weight:600}.lmf-footer-actions{display:flex;gap:10px}.lmf-btn-cancel{padding:10px 20px;background:var(--tanks-surface-hover, #f8fafc);color:var(--tanks-text-secondary, #475569);border:1px solid var(--tanks-border, #e2e8f0);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.lmf-btn-cancel:hover{background:var(--tanks-border, #e2e8f0)}.lmf-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.lmf-btn-save{display:flex;align-items:center;gap:6px;padding:10px 22px;background:var(--tanks-text-primary, #0f172a);color:var(--tanks-surface, #ffffff);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.lmf-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lmf-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.lmf-modal{max-height:95vh;border-radius:16px}.lmf-header,.lmf-body,.lmf-footer{padding:16px}.lmf-tanks-grid{grid-template-columns:1fr;padding:10px}.lmf-footer{flex-direction:column;gap:10px}.lmf-footer-actions{width:100%}.lmf-btn-cancel,.lmf-btn-save{flex:1;justify-content:center}}.lef-modal{max-width:600px}.lef-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.lef-section{margin-bottom:20px}.lef-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.lef-group{margin-bottom:16px}.lef-label{display:block;font-size:13px;font-weight:600;color:var(--tanks-text-primary, #0f172a);margin-bottom:6px}.lef-label .required{color:#ef4444;margin-left:2px}.lef-label .optional{font-weight:400;color:var(--tanks-text-muted, #94a3b8);margin-left:4px}.lef-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lef-type-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;background:var(--tanks-surface-hover, #f8fafc);border:2px solid var(--tanks-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s ease}.lef-type-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.lef-type-btn.active{box-shadow:0 2px 10px #00000014}.lef-type-btn:disabled{opacity:.6;cursor:not-allowed}.lef-type-dot{width:12px;height:12px;border-radius:50%}.lef-type-name{font-size:11px;font-weight:600;color:var(--tanks-text-secondary, #475569)}.lef-select{width:100%;padding:10px 36px 10px 12px;background:var(--tanks-surface-hover, #f8fafc);border:2px solid var(--tanks-border, #e2e8f0);border-radius:10px;font-size:13px;color:var(--tanks-text-primary, #0f172a);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.lef-select:focus{outline:none;border-color:var(--tanks-accent, #3b82f6);background-color:var(--tanks-surface, #ffffff)}.lef-select.error{border-color:#ef4444}.lef-input{width:100%;padding:10px 12px;background:var(--tanks-surface-hover, #f8fafc);border:2px solid var(--tanks-border, #e2e8f0);border-radius:10px;font-size:13px;color:var(--tanks-text-primary, #0f172a);transition:all .2s ease}.lef-input:focus{outline:none;border-color:var(--tanks-accent, #3b82f6);background:var(--tanks-surface, #ffffff)}.lef-input.error{border-color:#ef4444}.lef-amount-wrap{position:relative}.lef-amount-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--tanks-text-muted, #94a3b8);font-weight:500}.lef-textarea{width:100%;padding:10px 12px;background:var(--tanks-surface-hover, #f8fafc);border:2px solid var(--tanks-border, #e2e8f0);border-radius:10px;font-size:13px;color:var(--tanks-text-primary, #0f172a);resize:vertical;min-height:72px;transition:all .2s ease;font-family:inherit}.lef-textarea:focus{outline:none;border-color:var(--tanks-accent, #3b82f6);background:var(--tanks-surface, #ffffff)}.lef-error{display:block;font-size:11px;color:#dc2626;margin-top:4px}.lef-hint{display:block;font-size:11px;color:var(--tanks-text-muted, #94a3b8);margin-top:4px}.lef-hint.warning{color:#d97706}.lef-dropzone{display:flex;flex-direction:column;align-items:center;padding:28px 16px;background:var(--tanks-surface-hover, #f8fafc);border:2px dashed var(--tanks-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s ease}.lef-dropzone:hover{background:#eff6ff;border-color:var(--tanks-accent, #3b82f6)}.lef-dropzone.dragging{background:var(--tanks-accent-light, #dbeafe);border-color:var(--tanks-accent, #3b82f6)}.lef-dropzone-icon{margin-bottom:8px;color:var(--tanks-text-muted, #94a3b8)}.lef-dropzone-icon svg{width:28px;height:28px}.lef-dropzone-text{font-size:13px;font-weight:600;color:var(--tanks-text-primary, #0f172a);margin:0 0 2px}.lef-dropzone-formats{font-size:11px;color:var(--tanks-text-muted, #94a3b8);margin:0}.lef-file-hidden{display:none}.lef-file-preview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tanks-surface-hover, #f8fafc);border-radius:12px;border:1px solid var(--tanks-border, #e2e8f0)}.lef-preview-img{width:52px;height:52px;object-fit:cover;border-radius:8px}.lef-preview-doc{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:8px}.lef-preview-doc svg{width:24px;height:24px}.lef-file-info{flex:1;min-width:0}.lef-file-name{font-size:13px;font-weight:600;color:var(--tanks-text-primary, #0f172a);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lef-file-size{font-size:11px;color:var(--tanks-text-muted, #94a3b8);margin:0}.lef-file-remove{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.lef-file-remove:hover{background:#fecaca}@media(max-width:640px){.lef-modal{max-width:100%}.lef-type-grid{grid-template-columns:repeat(3,1fr);gap:6px}.lef-row{grid-template-columns:1fr}.lef-type-btn{padding:10px 6px}.lef-type-name{font-size:10px}}.ltd-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:ltd-fadeIn .2s ease}@keyframes ltd-fadeIn{0%{opacity:0}to{opacity:1}}.ltd-modal{background:var(--tanks-surface, #ffffff);border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:ltd-slideUp .3s ease}@keyframes ltd-slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ltd-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--tanks-border, #e2e8f0)}.ltd-title{font-size:20px;font-weight:700;color:var(--tanks-text-primary, #0f172a);margin:0 0 4px}.ltd-subtitle{font-size:13px;color:var(--tanks-text-muted, #94a3b8);font-variant-numeric:tabular-nums}.ltd-close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--tanks-surface-hover, #f8fafc);border:none;border-radius:10px;color:var(--tanks-text-muted, #94a3b8);cursor:pointer;transition:all .15s ease}.ltd-close-btn:hover{background:#fee2e2;color:#dc2626}.ltd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:22px 26px;overflow-y:auto}.ltd-card{background:var(--tanks-surface, #ffffff);border:1px solid var(--tanks-border, #e2e8f0);border-radius:14px;overflow:hidden}.ltd-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.ltd-card-name{font-size:14px;font-weight:700;color:var(--tanks-text-primary, #0f172a)}.ltd-card-status{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px}.ltd-card-status.normal{background:#dcfce7;color:#15803d}.ltd-card-status.warning{background:#fef3c7;color:#b45309}.ltd-card-status.critical{background:#fee2e2;color:#dc2626}.ltd-card-progress{padding:14px;border-top:1px solid var(--tanks-border-light, #f1f5f9)}.ltd-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ltd-progress-pct{font-size:18px;font-weight:800;color:var(--tanks-text-primary, #0f172a);font-variant-numeric:tabular-nums}.ltd-progress-amount{font-size:12px;color:var(--tanks-text-muted, #94a3b8);font-variant-numeric:tabular-nums}.ltd-progress-track{height:8px;background:var(--tanks-border, #e2e8f0);border-radius:4px;overflow:hidden}.ltd-progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px}.ltd-card-stats{padding:10px 14px;background:var(--tanks-surface-hover, #f8fafc);border-top:1px solid var(--tanks-border-light, #f1f5f9);display:flex;flex-direction:column;gap:4px}.ltd-stat-row{display:flex;justify-content:space-between;align-items:center}.ltd-stat-label{font-size:11px;color:var(--tanks-text-muted, #94a3b8)}.ltd-stat-value{font-size:13px;color:var(--tanks-text-secondary, #475569);font-variant-numeric:tabular-nums;font-weight:500}.ltd-empty{padding:48px 20px;text-align:center;color:var(--tanks-text-muted, #94a3b8)}@media(max-width:640px){.ltd-overlay{padding:10px}.ltd-header,.ltd-grid{padding:16px}.ltd-grid{grid-template-columns:1fr}.ltd-title{font-size:18px}}:root{--tanks-bg: #f8fafc;--tanks-surface: #ffffff;--tanks-surface-hover: #f1f5f9;--tanks-border: #e2e8f0;--tanks-border-light: #f1f5f9;--tanks-text-primary: #0f172a;--tanks-text-secondary: #475569;--tanks-text-muted: #94a3b8;--tanks-accent: #3b82f6;--tanks-accent-light: #dbeafe;--tanks-danger: #ef4444;--tanks-warning: #f59e0b;--tanks-success: #22c55e;--tanks-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--tanks-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--tanks-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--tanks-radius: 16px;--tanks-radius-sm: 10px}.tanks-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--tanks-bg)}.tanks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tanks-header-left h1{font-size:26px;font-weight:800;color:var(--tanks-text-primary);margin:0 0 4px;letter-spacing:-.02em}.tanks-header-left p{font-size:13px;color:var(--tanks-text-muted);margin:0}.tanks-header-left .header-accent{display:block;width:40px;height:3px;background:linear-gradient(90deg,var(--tanks-accent),#8b5cf6);border-radius:2px;margin-top:8px}.tanks-header-actions{display:flex;gap:8px}.btn-tanks-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--tanks-text-primary);color:var(--tanks-surface);border:none;border-radius:var(--tanks-radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-tanks-primary:hover{transform:translateY(-1px);box-shadow:var(--tanks-shadow-md);opacity:.9}.btn-tanks-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--tanks-surface);color:var(--tanks-text-secondary);border:1px solid var(--tanks-border);border-radius:var(--tanks-radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-tanks-secondary:hover{background:var(--tanks-surface-hover);border-color:var(--tanks-text-muted)}.tanks-tab-nav{display:flex;gap:4px;margin-bottom:20px;background:var(--tanks-surface);border-radius:var(--tanks-radius);padding:4px;border:1px solid var(--tanks-border);width:fit-content}.tanks-tab-btn{padding:9px 22px;font-size:12px;font-weight:600;color:var(--tanks-text-muted);background:transparent;border:none;border-radius:calc(var(--tanks-radius) - 4px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.tanks-tab-btn:hover{color:var(--tanks-text-secondary);background:var(--tanks-surface-hover)}.tanks-tab-btn.active{color:var(--tanks-surface);background:var(--tanks-text-primary);box-shadow:var(--tanks-shadow-sm)}.tanks-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;border-radius:9px;background:var(--tanks-danger);color:#fff}.tanks-tab-btn.active .tanks-tab-badge{background:#ffffff40}.tanks-content{background:var(--tanks-surface);border:1px solid var(--tanks-border);border-radius:var(--tanks-radius);padding:20px;min-height:200px;animation:tanks-fadeIn .3s ease}.tanks-stats-bar{display:flex;gap:20px;margin-bottom:20px;padding:12px 16px;background:var(--tanks-surface-hover);border-radius:var(--tanks-radius-sm);flex-wrap:wrap}.tanks-stat-item{display:flex;align-items:center;gap:6px}.tanks-stat-value{font-size:18px;font-weight:800;color:var(--tanks-text-primary);font-variant-numeric:tabular-nums;line-height:1}.tanks-stat-label{font-size:10px;font-weight:600;color:var(--tanks-text-muted);text-transform:uppercase;letter-spacing:.05em}.tanks-stat-divider{width:1px;height:24px;background:var(--tanks-border)}.liquid-accordion{display:flex;flex-direction:column;gap:6px;position:relative;width:100%}.accordion-item{position:relative;display:block;width:100%;border:1px solid var(--tanks-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease;box-sizing:border-box}.accordion-item.expanded{box-shadow:var(--tanks-shadow-sm)}.accordion-header{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;background:var(--tanks-surface);border:none;cursor:pointer;transition:background .15s ease;text-align:left;font-family:inherit}.progress-fill-circle{z-index:1}.accordion-header:hover{background:var(--tanks-surface-hover)}.accordion-item.expanded .accordion-header{border-bottom:1px solid var(--tanks-border-light)}.accordion-left{display:flex;align-items:center;gap:8px;min-width:160px}.accordion-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.accordion-label{font-size:13px;font-weight:700;color:var(--tanks-text-primary);white-space:nowrap}.accordion-tank-count{font-size:10px;font-weight:500;color:var(--tanks-text-muted);padding:1px 7px;background:var(--tanks-surface-hover);border-radius:12px;white-space:nowrap}.accordion-center{flex:1;min-width:80px;max-width:300px}.accordion-bar-track{height:6px;background:var(--tanks-border);border-radius:3px;overflow:hidden}.accordion-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px}.accordion-right{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative}.circular-progress{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.circular-progress svg{position:absolute;top:0;left:0;z-index:1}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--tanks-text-primary);z-index:2;white-space:nowrap;pointer-events:none}.accordion-right .circular-progress{width:36px!important;height:36px!important;flex-shrink:0}.accordion-amounts{text-align:right;min-width:100px}.accordion-current{display:block;font-size:13px;font-weight:700;color:var(--tanks-text-primary);font-variant-numeric:tabular-nums;line-height:1.2}.accordion-capacity{display:block;font-size:10px;color:var(--tanks-text-muted);font-variant-numeric:tabular-nums}.accordion-chevron{color:var(--tanks-text-muted);transition:transform .2s ease;flex-shrink:0}.accordion-chevron.rotated{transform:rotate(180deg)}.accordion-actions{display:flex;align-items:center;gap:6px;margin-right:4px;opacity:.6;transition:opacity .2s ease}.accordion-header:hover .accordion-actions{opacity:1}.accordion-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--tanks-border);background:var(--tanks-surface);color:var(--tanks-text-secondary);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.accordion-action-btn:hover{transform:scale(1.1);border-color:var(--tanks-accent);color:var(--tanks-accent);background:var(--tanks-accent-light);box-shadow:0 4px 12px #3b82f626}.accordion-action-btn:active{transform:scale(.95)}.accordion-body{position:relative;display:block;padding:14px;background:var(--tanks-surface-hover);animation:accordion-open .25s ease}@keyframes accordion-open{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.tanks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;position:relative}.events-section,.measurements-section{padding:0}.measurements-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:var(--tanks-surface-hover);border-radius:var(--tanks-radius-sm);border:1px solid var(--tanks-border)}.measurements-filter-group{display:flex;align-items:center;gap:8px}.measurements-filter-group label{font-size:12px;font-weight:600;color:var(--tanks-text-secondary);white-space:nowrap}.measurements-date-input{padding:6px 10px;font-size:13px;font-weight:500;color:var(--tanks-text-primary);background:var(--tanks-surface);border:1px solid var(--tanks-border);border-radius:6px;font-family:inherit;cursor:pointer;transition:border-color .15s ease}.measurements-date-input:hover,.measurements-date-input:focus{border-color:var(--tanks-accent);outline:none}.measurements-filter-btn{padding:6px 12px;font-size:12px;font-weight:600;color:var(--tanks-text-secondary);background:var(--tanks-surface);border:1px solid var(--tanks-border);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.measurements-filter-btn:hover{background:var(--tanks-accent-light);border-color:var(--tanks-accent);color:var(--tanks-accent)}.measurements-filter-btn:active{transform:translateY(0)}.no-yacht-state{text-align:center;padding:60px 20px}.no-yacht-state p{font-size:16px;color:var(--tanks-text-muted);margin:0 0 16px}.tanks-loading,.tanks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--tanks-text-muted)}.tanks-empty-icon{width:40px;height:40px;margin-bottom:12px;opacity:.3}.tanks-empty p{font-size:13px;margin:0}@media(max-width:768px){.tanks-page{padding:14px}.tanks-header{flex-direction:column;gap:12px}.tanks-header-actions{width:100%}.tanks-header-actions button{flex:1;justify-content:center}.tanks-tab-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tanks-tab-btn{padding:8px 14px;font-size:11px}.tanks-content{padding:14px;border-radius:12px}.tanks-grid{grid-template-columns:1fr}.accordion-left{min-width:auto}.accordion-center{display:none}.accordion-amounts{min-width:auto}.tanks-stats-bar{gap:12px;padding:10px 14px}.tanks-stat-value{font-size:15px}.measurements-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.measurements-filter-group{justify-content:space-between}.measurements-date-input{flex:1;max-width:150px}.measurements-filter-btn{width:100%}}@media(max-width:480px){.accordion-header{padding:10px 12px;gap:8px}.accordion-right .circular-progress{display:none}.accordion-body{padding:10px}.tanks-grid{gap:8px}}@keyframes tanks-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.role-card{transition:transform .15s ease-in-out;padding:1.5rem!important}.role-card:hover{transform:translateY(-2px)}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.role-card-info{flex:1;min-width:0}.role-card-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;word-wrap:break-word}.role-card-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.role-card-actions{display:flex;gap:.5rem;flex-shrink:0}.role-card-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .15s ease-in-out}.role-card-action-btn:hover{background-color:#f3f4f6;color:#111827}.role-card-action-btn-danger:hover{background-color:#fee2e2;color:#dc2626}.role-card-action-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.role-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.role-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.role-list-loading p{color:#6b7280;font-size:.875rem}.role-list-empty{display:flex;align-items:center;justify-content:center;padding:3rem;background-color:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}.role-list-empty p{color:#6b7280;font-size:.875rem;margin:0}@media(max-width:768px){.role-list-grid{grid-template-columns:1fr}}.role-form{display:flex;flex-direction:column;gap:1.5rem}.role-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:500;color:#374151}.textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;transition:all .15s ease-in-out;font-family:inherit;resize:vertical}.textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea::placeholder{color:#9ca3af}.textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-icon{width:3rem;height:3rem;color:var(--text-muted, #9ca3af);margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:100%;height:100%}.empty-state-emoji{font-size:3rem;line-height:1}.empty-state-title{font-size:1rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:.5rem}.empty-state-message{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;max-width:300px}.empty-state-action{margin-top:1rem}.empty-state.empty-state-premium{background:var(--bg-secondary);border-radius:12px;padding:2rem}.empty-state.empty-state-premium .empty-state-icon{width:auto;height:auto;font-size:2.5rem;margin-bottom:.75rem}.empty-state.empty-state-premium .empty-state-emoji{font-size:2.5rem}.empty-state.empty-state-premium .empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.empty-state.empty-state-premium .empty-state-message{font-size:.875rem;color:var(--text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-header-content{flex:1}.page-header-title{font-size:1.875rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;line-height:1.2}.page-header-description{font-size:.875rem;color:var(--muted-foreground);margin:0;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}.page-header-title{font-size:1.5rem}.page-header-actions{width:100%;justify-content:flex-start}}.confirm-dialog-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem 0}.confirm-dialog-icon{width:3rem;height:3rem;flex-shrink:0}.confirm-dialog-icon-danger{color:#dc2626}.confirm-dialog-icon-warning{color:#f59e0b}.confirm-dialog-icon-info{color:#3b82f6}.confirm-dialog-message{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.confirm-dialog-footer{display:flex;gap:.75rem;width:100%}.confirm-dialog-footer .btn{flex:1}.feature-placeholder{display:flex;align-items:center;justify-content:center;min-height:500px;padding:var(--spacing-2xl, 2rem)}.placeholder-content{text-align:center;max-width:400px}.placeholder-icon{font-size:5rem;margin-bottom:var(--spacing-xl, 1.5rem);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md, .75rem)}.placeholder-description{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg, 1rem)}.placeholder-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#d4af3726,#d4af3740);color:var(--color-primary, #D4AF37);border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background-color:var(--destructive);color:#fff;padding:.75rem 1rem;animation:slideDown .3s ease-out}.offline-banner--online{background-color:var(--status-green)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-banner__content{display:flex;align-items:center;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto}.offline-banner__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.offline-banner__icon--success{color:#fff}.offline-banner__text{font-size:.875rem;font-weight:500}.offline-banner__retry{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.offline-banner__retry:hover{background-color:#ffffff4d}.offline-banner__retry:focus{outline:2px solid white;outline-offset:2px}@media(max-width:640px){.offline-banner__content{flex-wrap:wrap;gap:.5rem}.offline-banner__text{flex:1;min-width:200px}}.draft-banner{background-color:var(--status-blue);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;animation:fadeIn .3s ease-out}.draft-banner--out{animation:fadeOut .2s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.draft-banner__content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.draft-banner__icon{flex-shrink:0}.draft-banner__icon svg{width:1.25rem;height:1.25rem}.draft-banner__text{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.125rem}.draft-banner__title{font-size:.875rem;font-weight:500}.draft-banner__time{font-size:.75rem;opacity:.8}.draft-banner__actions{display:flex;gap:.5rem}.draft-banner__btn{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.draft-banner__btn--restore{background-color:#fff;color:var(--status-blue)}.draft-banner__btn--restore:hover{background-color:#ffffffe6}.draft-banner__btn--discard{background-color:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.draft-banner__btn--discard:hover{background-color:#ffffff1a}.draft-banner__btn:focus{outline:2px solid white;outline-offset:2px}@media(max-width:480px){.draft-banner__content{flex-direction:column;align-items:stretch;text-align:center}.draft-banner__icon{display:none}.draft-banner__actions{justify-content:center;margin-top:.5rem}}.announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.query-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:200px}.query-error-icon{color:var(--status-red);margin-bottom:1rem;opacity:.8}.query-error-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.query-error-description{font-size:.875rem;color:var(--muted-foreground);max-width:300px;margin-bottom:1.5rem;line-height:1.5}.query-error-retry{display:inline-flex;align-items:center;gap:.5rem}.query-error-compact{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background-color:var(--red-50, #fef2f2);border:1px solid var(--red-200, #fecaca);border-radius:var(--radius-lg);color:var(--red-700, #b91c1c)}.query-error-compact-content{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.query-error-icon-small{flex-shrink:0;color:var(--status-red)}@media(max-width:480px){.query-error-state{padding:2rem 1rem}.query-error-icon svg{width:48px;height:48px}.query-error-title{font-size:1rem}.query-error-compact{flex-direction:column;align-items:stretch;text-align:center}.query-error-compact-content{justify-content:center}}.quotation-catalog{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.quotation-catalog-header{display:flex;flex-direction:column;gap:1rem}.quotation-catalog-content{min-height:400px}.quotation-breadcrumb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.breadcrumb-link:hover{background:var(--muted);text-decoration:underline}.breadcrumb-back-btn{display:flex;align-items:center;gap:.5rem;background:var(--muted);border:1px solid var(--border);color:var(--foreground);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.quotation-action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.add-product-btn,.add-quotation-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.add-product-btn:hover,.add-quotation-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.product-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.product-photo{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--muted)}.product-photo-placeholder{width:64px;height:64px;border-radius:var(--radius-md);background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.product-description{font-size:.75rem;color:var(--muted-foreground);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem}.product-stat{display:flex;align-items:center;gap:.25rem;color:var(--muted-foreground)}.product-stat.price{color:var(--success);font-weight:600}.product-arrow{color:var(--muted-foreground);flex-shrink:0;align-self:center;transition:transform .2s}.product-card:hover .product-arrow{transform:translate(4px);color:var(--primary)}.product-actions{display:flex;gap:.25rem;flex-shrink:0}.product-edit-btn{background:none;border:none;color:var(--muted-foreground);padding:.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.product-edit-btn:hover{color:var(--primary);background:#3b82f61a}.product-delete-btn{background:none;border:none;color:var(--muted-foreground);padding:.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0}.product-delete-btn:hover{color:var(--destructive);background:#ef44441a}.quotation-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.quotation-product-photo{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--muted)}.quotation-product-photo-placeholder{width:80px;height:80px;border-radius:var(--radius-md);background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);flex-shrink:0}.quotation-product-info{flex:1}.quotation-product-name{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.quotation-product-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.quotation-list{display:flex;flex-direction:column;gap:.75rem}.quotation-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.quotation-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.quotation-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.875rem;font-weight:700;border-radius:50%;flex-shrink:0}.quotation-rank.rank-1{background:linear-gradient(135deg,gold,#ffed4a);color:#000}.quotation-rank.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#000}.quotation-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#dda15e);color:#fff}.quotation-rank.rank-other{background:var(--muted);color:var(--muted-foreground)}.quotation-info{flex:1;min-width:0}.quotation-company{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.quotation-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--muted-foreground)}.quotation-notes{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem;font-style:italic}.quotation-price{text-align:right;flex-shrink:0}.quotation-price-value{font-size:1.125rem;font-weight:700;color:var(--success)}.quotation-price-currency{font-size:.75rem;color:var(--muted-foreground)}.quotation-actions{display:flex;gap:.25rem;flex-shrink:0}.quotation-edit-btn{background:none;border:none;color:var(--muted-foreground);padding:.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.quotation-edit-btn:hover{color:var(--primary);background:#3b82f61a}.quotation-delete-btn{background:none;border:none;color:var(--muted-foreground);padding:.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0}.quotation-delete-btn:hover{color:var(--destructive);background:#ef44441a}.quotation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.quotation-modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.quotation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.quotation-modal-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.quotation-modal-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:color .2s}.quotation-modal-close:hover{color:var(--foreground)}.quotation-modal-body{padding:1.25rem}.quotation-modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--foreground)}.form-label.required:after{content:"*";color:var(--destructive);margin-left:.25rem}.form-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder{color:var(--muted-foreground)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo-upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.photo-upload-area:hover{border-color:var(--primary);background:var(--muted)}.photo-upload-area.has-preview{padding:.5rem}.photo-preview{width:100%;max-height:150px;object-fit:contain;border-radius:var(--radius-sm)}.photo-upload-icon{color:var(--muted-foreground);margin-bottom:.5rem}.photo-upload-text{font-size:.875rem;color:var(--muted-foreground);margin:0}.photo-upload-hint{font-size:.75rem;color:var(--muted-foreground);margin:.25rem 0 0}.quotation-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.btn-cancel{background:var(--muted);color:var(--foreground);border:1px solid var(--border);padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--muted-foreground);color:var(--background)}.btn-submit{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--primary-dark)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.quotation-empty-state,.quotation-loading,.quotation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;text-align:center;color:var(--muted-foreground)}.quotation-empty-state svg,.quotation-loading svg,.quotation-error svg{color:var(--muted-foreground);opacity:.5}.quotation-error{color:var(--destructive)}.quotation-error svg{color:var(--destructive);opacity:.7}@media(max-width:768px){.quotation-catalog{padding:.75rem;gap:1rem}.quotation-breadcrumb{flex-direction:column;align-items:flex-start}.breadcrumb-back-btn{order:-1;margin-bottom:.5rem}.quotation-action-bar{flex-direction:column;align-items:stretch}.add-product-btn,.add-quotation-btn{width:100%;justify-content:center}.product-list{grid-template-columns:1fr}.product-card,.quotation-card{padding:.875rem 1rem}.quotation-list-header{flex-direction:column;align-items:flex-start}.quotation-card{flex-wrap:wrap}.quotation-price{width:100%;text-align:left;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.form-row{grid-template-columns:1fr}.quotation-modal{max-width:100%}}.notification-card{background:var(--card, white);border-left:4px solid;border-radius:8px;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.notification-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translate(4px)}.notification-card:last-child{margin-bottom:0}.notification-card--urgent{border-left-color:var(--status-red, #ef4444)}.notification-card--high{border-left-color:#f97316}.notification-card--medium{border-left-color:var(--status-yellow, #eab308)}.notification-card--low{border-left-color:var(--status-blue, #3b82f6)}.notification-card-header{display:flex;align-items:center;margin-bottom:.5rem}.notification-card-priority{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.notification-card-content{margin-bottom:.75rem}.notification-card-title{font-size:.9375rem;font-weight:600;color:var(--foreground, #1f2937);margin:0 0 .25rem;line-height:1.4}.notification-card-description{font-size:.875rem;color:var(--muted-foreground, #6b7280);margin:0;line-height:1.4}.notification-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--muted-foreground, #9ca3af);gap:.5rem}.notification-card-yacht{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-card-days{font-weight:500;white-space:nowrap}.notification-card-days--overdue{color:var(--status-red, #ef4444);font-weight:600}@media(max-width:640px){.notification-card{padding:.875rem}.notification-card-title{font-size:.875rem}.notification-card-description{font-size:.8125rem}.notification-card-footer{font-size:.75rem}}.notification-list{display:flex;flex-direction:column}.notification-list-loading{padding:2rem;text-align:center;color:var(--muted-foreground, #9ca3af);font-size:.875rem}.notification-list-empty{padding:2rem;text-align:center;color:var(--muted-foreground, #9ca3af)}.notification-list-empty-icon{font-size:3rem;display:block;margin-bottom:.5rem}.notification-list-empty p{font-size:.875rem;margin:0}.notification-list-view-all{background:transparent;border:none;color:var(--status-blue, #3b82f6);font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease;border-radius:6px;margin-top:.5rem}.notification-list-view-all:hover{background:var(--muted, #eff6ff);color:var(--primary, #2563eb)}.notification-list-view-all:active{transform:scale(.98)}@media(max-width:640px){.notification-list-empty{padding:1.5rem}.notification-list-empty-icon{font-size:2.5rem}}.notifications-page{max-width:1200px;margin:0 auto}.notifications-filters{background:var(--card, #ffffff);padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;max-width:300px}.notifications-content{background:var(--card, #ffffff);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notifications-loading,.notifications-empty{text-align:center;padding:3rem;color:var(--muted-foreground, #6b7280)}.notifications-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.notifications-empty-icon{font-size:3rem}.notifications-empty p{margin:0;font-size:1.125rem}.task-card{display:flex;align-items:flex-start;gap:.75rem;background-color:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.625rem;padding:.875rem 1rem;transition:all .15s ease;position:relative}.task-card-indicator{width:3px;height:100%;min-height:40px;border-radius:2px;flex-shrink:0;align-self:stretch}.task-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.task-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.task-card-title{font-size:.9375rem;font-weight:500;color:var(--card-foreground, #111827);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-meta{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--muted-foreground, #6b7280)}.task-card-meta-item{display:inline-flex;align-items:center;gap:.375rem}.task-card-meta-item svg{flex-shrink:0;opacity:.7}.task-card:hover{border-color:var(--border-hover, #d1d5db);background-color:var(--card-hover, #fafafa)}.task-card:focus-visible{outline:2px solid var(--ring, #3b82f6);outline-offset:2px}.task-card--compact{padding:.625rem .875rem}.task-card--compact .task-card-indicator{min-height:32px}.task-card--compact .task-card-title{font-size:.875rem}.task-card--compact .task-card-meta{font-size:.75rem}@media(max-width:640px){.task-card{padding:.75rem;gap:.625rem}.task-card-indicator{width:2px;min-height:36px}.task-card-title{font-size:.875rem}.task-card-meta{font-size:.75rem;gap:.75rem}.task-card:active{background-color:var(--muted, #f3f4f6);transform:scale(.995)}.task-card:hover{border-color:var(--border, #e5e7eb);background-color:var(--card, #ffffff)}}@media(max-width:360px){.task-card{padding:.625rem}.task-card-title{font-size:.8125rem}.task-card-meta{font-size:.6875rem}}.swipeable-card-container{position:relative;overflow:hidden;border-radius:var(--radius-md, 12px)}.swipeable-card-action{position:absolute;inset:0;background:var(--action-color, #10b981);display:flex;align-items:center;padding-left:1.25rem;color:#fff;opacity:0;transition:opacity .1s ease}.swipeable-card-action--ready{opacity:1!important}.swipeable-card-action-content{display:flex;align-items:center;gap:.5rem}.swipeable-card-action-icon{width:24px;height:24px;transition:transform .2s ease}.swipeable-card-action-icon--ready{transform:scale(1.2);animation:checkBounce .3s ease}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1.2)}}.swipeable-card-action-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.swipeable-card-content{position:relative;background:#fff;transition:transform .3s cubic-bezier(.25,.46,.45,.94);touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipeable-card-content--dragging{transition:none;cursor:grabbing}@media(min-width:769px){.swipeable-card-container{pointer-events:auto}.swipeable-card-content{transform:none!important;pointer-events:auto}.swipeable-card-action{display:none}}@media(max-width:768px){.swipeable-card-container:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:40%;background:var(--action-color, #10b981);border-radius:0 4px 4px 0;opacity:.3;transition:opacity .2s ease}.swipeable-card-container:active:before{opacity:.5}}.task-list{display:flex;flex-direction:column;gap:1rem}.task-list-filters{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;margin-bottom:.5rem}.task-list-filters .select-wrapper{min-width:140px;max-width:160px}.task-list-count{font-size:.8125rem;color:var(--muted-foreground, #6b7280)}.task-list-grouped{display:flex;flex-direction:column;gap:1.5rem}.task-list-group{display:flex;flex-direction:column;gap:.5rem}.task-list-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:.25rem}.task-list-group-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-list-group-title{font-size:.8125rem;font-weight:600;color:var(--text-primary, #374151);margin:0;text-transform:uppercase;letter-spacing:.025em}.task-list-group-count{font-size:.75rem;font-weight:500;color:var(--muted-foreground, #6b7280);background:var(--muted, #f3f4f6);padding:.125rem .5rem;border-radius:9999px;margin-left:auto}.task-list-group-items,.task-list-grid{display:flex;flex-direction:column;gap:.5rem}.task-list-loading{padding:1rem 0}@media(max-width:640px){.task-list{gap:.75rem}.task-list-filters{padding:.5rem 0}.task-list-filters .select-wrapper{min-width:120px}.task-list-grouped{gap:1.25rem}.task-list-group-header{padding:.375rem 0}.task-list-group-title{font-size:.75rem}.task-list-group-count{font-size:.6875rem}}@media(max-width:360px){.task-list-filters{flex-direction:column;align-items:flex-start;gap:.5rem}.task-list-filters .select-wrapper{max-width:100%;width:100%}}.task-form{display:flex;flex-direction:column;gap:1.5rem}.task-form .textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:inherit;border:1px solid var(--border, #d1d5db);border-radius:.5rem;background-color:var(--card, #ffffff);color:var(--foreground, #111827);resize:vertical;min-height:100px}.task-form .textarea:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.task-form .textarea-error{border-color:#ef4444}.task-form .textarea-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error{margin-top:.375rem;font-size:.875rem;color:#ef4444;display:flex;align-items:center;gap:.25rem}.input-hint{margin-top:.375rem;font-size:.75rem;color:var(--muted-foreground, #6b7280)}.crew-selection-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--muted, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;max-height:300px;overflow-y:auto}.crew-selection-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.crew-selection-item:hover{background-color:var(--muted, #f3f4f6);border-color:#0d9488}.crew-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#0d9488}.crew-name{flex:1;font-size:.875rem;font-weight:500;color:var(--foreground, #111827)}.crew-role{font-size:.75rem;color:var(--muted-foreground, #6b7280);padding:.25rem .5rem;background-color:var(--muted, #f3f4f6);border-radius:.25rem}.crew-selection-count{margin-top:.5rem;font-size:.875rem;color:#0d9488;font-weight:500}.task-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1rem}@media(max-width:640px){.task-form-actions{flex-direction:column-reverse;align-items:stretch}.task-form-actions button{width:100%}}.modern-task-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden}.form-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--muted);border-bottom:1px solid var(--border)}.form-section-icon{width:32px;height:32px;background:var(--card);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.form-section-icon svg{width:16px;height:16px}.form-section-title{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0}.form-section-content{padding:1.25rem}.modern-input-wrapper{margin-bottom:1.25rem}.modern-input-wrapper:last-child{margin-bottom:0}.modern-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.modern-label svg{width:14px;height:14px;color:var(--muted-foreground)}.modern-input{width:100%;padding:.75rem .875rem;font-size:.9375rem;font-family:inherit;border:1px solid var(--border);border-radius:8px;background-color:var(--card);color:var(--foreground);transition:border-color .15s ease,box-shadow .15s ease}.modern-input:hover{border-color:var(--muted-foreground)}.modern-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d948814}.modern-input::placeholder{color:var(--muted-foreground);opacity:.6}.modern-input.modern-input-error{border-color:var(--color-error)}.modern-input.modern-input-error:focus{box-shadow:0 0 0 3px #ef444414}.modern-textarea{min-height:100px;resize:vertical;line-height:1.5}.char-counter{display:flex;justify-content:flex-end;margin-top:.375rem;font-size:.75rem;color:var(--muted-foreground)}.char-counter.warning{color:var(--color-warning)}.char-counter.error{color:var(--color-error)}.input-error-message{display:flex;align-items:center;gap:.375rem;margin-top:.375rem;font-size:.8125rem;color:var(--color-error)}.input-error-message svg{width:14px;height:14px;flex-shrink:0}.crew-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.crew-selector-title{font-size:.8125rem;color:var(--muted-foreground)}.crew-selected-count{font-size:.75rem;font-weight:500;color:var(--primary);background:#0d948814;padding:.25rem .625rem;border-radius:999px}.crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.crew-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.crew-card:hover{border-color:var(--primary);background:#0d948805}.crew-card.selected{border-color:var(--primary);background:#0d94880a}.crew-card-checkbox{position:absolute;top:.625rem;right:.625rem;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.crew-card.selected .crew-card-checkbox{background:var(--primary);border-color:var(--primary)}.crew-card-checkbox svg{width:11px;height:11px;color:#fff;opacity:0;transition:opacity .15s ease}.crew-card.selected .crew-card-checkbox svg{opacity:1}.crew-avatar{width:36px;height:36px;border-radius:50%;background:var(--muted);color:var(--foreground);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.8125rem;flex-shrink:0}.crew-card.selected .crew-avatar{background:var(--primary);color:#fff}.crew-info{flex:1;min-width:0}.crew-name{font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crew-role{font-size:.6875rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em}.crew-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;color:var(--muted-foreground)}.crew-empty-state-icon{width:48px;height:48px;background:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.875rem}.crew-empty-state-icon svg{width:22px;height:22px;opacity:.5}.crew-empty-state-title{font-size:.9375rem;font-weight:500;color:var(--foreground);margin-bottom:.25rem}.crew-empty-state-desc{font-size:.8125rem;max-width:260px;line-height:1.5}.modern-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit}.modern-btn-outline{background:transparent;color:var(--muted-foreground);border:1px solid var(--border)}.modern-btn-outline:hover{background:var(--muted);color:var(--foreground)}.modern-btn-primary{background:var(--primary);color:#fff}.modern-btn-primary:hover{background:var(--primary-dark, #0f766e)}.modern-btn:disabled{opacity:.5;cursor:not-allowed}.modern-btn svg{width:16px;height:16px}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.crew-grid{grid-template-columns:1fr}.modern-form-actions{flex-direction:column-reverse}.modern-btn{width:100%}.form-section-content{padding:1rem}}.task-crew-assignment{display:flex;flex-direction:column;gap:1.5rem}.task-crew-assignment-section{display:flex;flex-direction:column;gap:1rem}.task-crew-assignment-section-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.task-crew-assignment-list{display:flex;flex-direction:column;gap:.75rem}.task-crew-assignment-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.task-crew-assignment-item-info{display:flex;align-items:center;gap:.75rem;flex:1}.task-crew-assignment-item-details{display:flex;flex-direction:column;gap:.125rem}.task-crew-assignment-item-name{font-size:.875rem;font-weight:500;color:#111827}.task-crew-assignment-item-role{font-size:.75rem;color:#6b7280}.task-crew-assignment-form{display:flex;gap:.75rem;align-items:flex-end}.task-crew-assignment-form .select-wrapper{flex:1}.task-crew-assignment-empty{font-size:.875rem;color:#6b7280;text-align:center;padding:1.5rem;background-color:#f9fafb;border-radius:.5rem;margin:0}@media(max-width:640px){.task-crew-assignment-form,.task-crew-assignment-item{flex-direction:column;align-items:stretch}}.task-detail{max-width:800px}.task-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.task-detail-header>div:first-child{display:flex;align-items:center;gap:1rem;flex:1}.task-detail-title{font-size:1.5rem;font-weight:700;color:var(--foreground, #111827);margin:0}.task-detail-section{margin-bottom:2rem}.task-detail-section-title{font-size:.875rem;font-weight:600;color:var(--muted-foreground, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.task-detail-description{font-size:1rem;color:var(--foreground, #374151);line-height:1.6;margin:0}.task-detail-dates{display:flex;flex-wrap:wrap;gap:2rem}.task-detail-date-item{display:flex;flex-direction:column;gap:.25rem}.task-detail-date-label{font-size:.75rem;color:var(--muted-foreground, #9ca3af);font-weight:500}.task-detail-date-value{font-size:.875rem;color:var(--foreground, #374151)}.task-detail-creator{display:flex;align-items:center;gap:1rem}.task-detail-creator-info{display:flex;flex-direction:column;gap:.25rem}.task-detail-creator-name{font-size:.875rem;font-weight:500;color:var(--foreground, #111827)}.task-detail-creator-role{font-size:.75rem;color:var(--muted-foreground, #6b7280)}.task-detail-crew-list{display:flex;flex-direction:column;gap:1rem}.task-detail-section .task-crew-assignment{margin-top:.5rem}.task-detail-crew-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--muted, #f9fafb);border-radius:.5rem}.task-detail-crew-info{display:flex;flex-direction:column;gap:.25rem}.task-detail-crew-name{font-size:.875rem;font-weight:500;color:var(--foreground, #111827)}.task-detail-crew-role{font-size:.75rem;color:var(--muted-foreground, #6b7280)}.task-detail-actions{display:flex;align-items:center;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--border, #e5e7eb)}@media(max-width:640px){.task-detail-header{flex-direction:column}.task-detail-header>div:first-child{flex-direction:column;align-items:flex-start}.task-detail-actions{flex-direction:column;align-items:stretch}}.task-activity{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:.75rem}.activity-dot{width:.5rem;height:.5rem;border-radius:9999px;margin-top:.25rem;flex-shrink:0}.activity-dot-green{background-color:#22c55e}.activity-dot-blue{background-color:#3b82f6}.activity-dot-yellow{background-color:#eab308}.activity-dot-red{background-color:#ef4444}.activity-dot-gray{background-color:#9ca3af}.activity-content{flex:1;min-width:0}.activity-title{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .125rem}.activity-timestamp{font-size:.75rem;color:#6b7280;margin:0}.task-template-card{background:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;padding:.875rem;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:.5rem;min-height:90px}.task-template-card:hover{border-color:var(--primary, #3b82f6);background-color:var(--primary-50, #eff6ff)}.task-template-card-content{flex:1;min-width:0}.task-template-card-title{font-size:.8125rem;font-weight:500;color:var(--text-primary, #1f2937);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-template-card-desc{font-size:.75rem;color:var(--muted-foreground, #6b7280);margin:.25rem 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.task-template-card-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:auto;align-self:flex-start}.task-template-card-button:hover{background:#2563eb}.task-template-card-button:active{transform:scale(.97)}.task-template-card-actions{display:flex;gap:.5rem;margin-top:auto;flex-wrap:wrap}.task-template-card-button--edit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.task-template-card-button--edit:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}@media(max-width:768px){.task-template-card{min-height:80px;padding:.75rem}.task-template-card-title{font-size:.75rem}.task-template-card-desc{font-size:.6875rem}.task-template-card-button{padding:.25rem .625rem;font-size:.6875rem}}.crew-select-modal-content{display:flex;flex-direction:column;gap:1.5rem}.crew-select-task-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.crew-select-task-field{margin-bottom:.75rem}.crew-select-task-field:last-child{margin-bottom:0}.crew-select-task-field label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.crew-select-task-value{font-size:1rem;font-weight:600;color:#1f2937}.crew-select-task-description{font-size:.875rem;color:#4b5563;line-height:1.5}.crew-select-divider{height:1px;background:#e5e7eb}.crew-select-section{display:flex;flex-direction:column;gap:.75rem}.crew-select-label{font-size:.875rem;font-weight:600;color:#374151}.crew-select-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px}.crew-select-empty{text-align:center;padding:2rem;color:#9ca3af;font-size:.875rem}.crew-select-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .2s ease}.crew-select-item:hover:not(.crew-select-item--unavailable){background:#f9fafb;border-color:#3b82f6}.crew-select-item--unavailable{opacity:.6;cursor:not-allowed}.crew-select-item-info{flex:1}.crew-select-item-name{font-size:.875rem;font-weight:500;color:#1f2937}.crew-select-item-role{font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-top:.125rem}.crew-select-item-status{display:flex;align-items:center}.crew-select-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.crew-select-status--active{color:#047857;background:#d1fae5}.crew-select-status--unavailable{color:#dc2626;background:#fee2e2}.crew-select-date-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937;background:#fff;transition:border-color .2s ease}.crew-select-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crew-select-summary{text-align:center;padding:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.875rem;color:#1e40af}.crew-select-summary strong{font-weight:600}.crew-select-modal-footer{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:640px){.crew-select-list{max-height:250px}.crew-select-item{flex-direction:column;align-items:flex-start;gap:.5rem}.crew-select-item-status{width:100%;justify-content:flex-start}}.task-filters{background-color:var(--bg-primary, #fff);border:1px solid var(--border, #e5e7eb);border-radius:.625rem;overflow:hidden}.task-filters-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .875rem;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease}.task-filters-header:hover{background-color:var(--muted, #f9fafb)}.task-filters-header-left{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #374151)}.task-filters-header-left svg{color:var(--muted-foreground, #6b7280)}.task-filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--primary, #3b82f6);color:#fff;font-size:.6875rem;font-weight:600;border-radius:9px}.task-filters-header-right{display:flex;align-items:center;gap:.5rem}.task-filters-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:var(--muted, #f3f4f6);color:var(--muted-foreground, #6b7280);border-radius:50%;cursor:pointer;transition:all .15s ease}.task-filters-clear:hover{background:var(--destructive, #ef4444);color:#fff}.task-filters-chevron{color:var(--muted-foreground, #6b7280);transition:transform .2s ease}.task-filters-chevron.open{transform:rotate(180deg)}.task-filters-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.task-filters-body--visible{max-height:300px;opacity:1}.task-filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:.875rem;border-top:1px solid var(--border, #e5e7eb)}.task-filters-field{display:flex;flex-direction:column;gap:.25rem}.task-filters-field--wide{grid-column:span 2}.task-filters-label{font-size:.8125rem;font-weight:500;color:var(--text-primary, #374151)}@media(max-width:768px){.task-filters-content{grid-template-columns:1fr;gap:.875rem;padding:.75rem}.task-filters-field--wide{grid-column:span 1}}@media(max-width:480px){.task-filters-header{padding:.5rem .75rem}.task-filters-header-left{font-size:.8125rem}.task-filters-content{padding:.625rem;gap:.75rem}}.document-card{cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--border);transition:background-color .3s ease}.document-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.document-card:hover:before{background:var(--primary)}.hover-shadow:hover{box-shadow:0 12px 24px -4px #00000026,0 4px 8px -2px #0000001a}.icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f9fafb;border-radius:var(--radius-md);color:var(--muted-foreground);transition:all .2s ease}.document-card:hover .icon-container{background:var(--primary-soft);color:var(--primary);transform:scale(1.1)}.doc-upload-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease-out}.doc-upload-modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.doc-upload-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:transparent}.doc-upload-title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.01em}.doc-upload-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.doc-upload-close:hover{background:#f3f4f6;color:var(--foreground)}.doc-upload-body{padding:1.5rem;overflow-y:auto;flex:1}.doc-upload-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb;margin-bottom:1.5rem;position:relative;overflow:hidden}.doc-upload-dropzone:hover{border-color:var(--primary);background:#fbbf240d}.doc-upload-dropzone.active{border-color:var(--primary);background:#fbbf241a;transform:scale(.99)}.doc-upload-dropzone.has-file{border-style:solid;border-color:var(--color-success);background:#10b9810d}.doc-upload-input{display:none}.doc-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.doc-upload-placeholder svg{color:var(--primary);width:48px;height:48px;opacity:.8}.doc-upload-text{font-size:1rem;font-weight:600;color:var(--foreground);margin:0}.doc-upload-hint{font-size:.8rem;color:var(--muted-foreground);margin:0}.doc-upload-file-info{display:flex;align-items:center;gap:1rem;z-index:10;position:relative}.doc-upload-file-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:var(--radius-lg);color:var(--primary);box-shadow:var(--shadow-sm);font-size:1.5rem}.doc-upload-file-details{flex:1;text-align:left;display:flex;flex-direction:column;gap:.25rem}.doc-upload-filename{font-size:.95rem;font-weight:600;color:var(--foreground);word-break:break-all}.doc-upload-filesize{font-size:.8rem;color:var(--muted-foreground)}.doc-upload-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#ef44441a;color:var(--color-error);cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.doc-upload-remove:hover{background:var(--color-error);color:#fff}.doc-upload-files-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.doc-upload-file-entry{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;background:#f9fafb}.doc-upload-file-entry .doc-upload-file-info{margin-bottom:.5rem}.doc-upload-file-entry .doc-upload-file-icon{width:36px;height:36px;box-shadow:none}.doc-upload-file-title-input{padding-left:0}.doc-upload-field{margin-bottom:1.25rem}.doc-upload-label{display:block;font-size:.9rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.doc-upload-label .required{color:var(--color-error);margin-left:.25rem}.doc-upload-text-input{width:100%;padding:.75rem 1rem;border:1px solid var(--input);border-radius:var(--radius-md);font-size:.95rem;color:var(--foreground);background:#fff;transition:all .2s;box-sizing:border-box}.doc-upload-text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft, rgba(251, 191, 36, .2))}.doc-upload-field-hint{font-size:.75rem;color:var(--muted-foreground);margin:.375rem 0 0}.doc-upload-error{background:#ef44441a;color:var(--color-error);padding:.875rem;border-radius:var(--radius-md);font-size:.9rem;margin:0;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;gap:.5rem}.doc-upload-footer{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:transparent}.doc-upload-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.doc-upload-btn.cancel{background:transparent;color:var(--foreground);border:1px solid var(--border)}.doc-upload-btn.cancel:hover{background:#f3f4f6;border-color:var(--muted-foreground)}.doc-upload-btn.submit{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.doc-upload-btn.submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}.doc-upload-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.doc-upload-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:doc-upload-spin .8s linear infinite}@keyframes doc-upload-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.doc-upload-overlay{padding:0;align-items:flex-end}.doc-upload-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}}.checkbox-field{margin:1rem 0}.doc-upload-checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer}.doc-upload-checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.seaman-book-extra-fields{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem}.doc-upload-certificates-section{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}.doc-upload-add-cert-btn{background:var(--primary-soft, rgba(251, 191, 36, .1));color:var(--primary);border:1px solid var(--primary);padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.doc-upload-add-cert-btn:hover{background:var(--primary);color:var(--primary-foreground)}.doc-upload-cert-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.75rem}.cert-row-main{display:flex;gap:.5rem;align-items:flex-start}.cert-main-inputs{flex:1;display:flex;flex-direction:column;gap:.5rem}.cert-no-input{font-size:.8rem!important;padding:.5rem .75rem!important;opacity:.8}.cert-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:#ef44441a;color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;margin-top:4px}.cert-row-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-label{font-size:.7rem;color:var(--muted-foreground);text-transform:uppercase;font-weight:600}.date-input-group .doc-upload-text-input{padding:.4rem .6rem;font-size:.8rem}.doc-upload-category-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.cat-btn{padding:.625rem;font-size:.85rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--muted-foreground);cursor:pointer;transition:all .2s}.cat-btn:hover{border-color:var(--primary);color:var(--foreground)}.cat-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:var(--shadow-sm)}@media(min-width:481px){.doc-upload-category-selector{grid-template-columns:repeat(4,1fr)}}.doc-confirm-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1.5rem;animation:fadeIn .2s ease-out}.doc-confirm-modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:2rem;text-align:center;box-shadow:var(--shadow-lg);animation:scaleUp .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.doc-confirm-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-soft);border-radius:50%;margin:0 auto 1.5rem;color:var(--primary);font-size:2rem;box-shadow:var(--shadow-sm)}.doc-confirm-title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0 0 .75rem;letter-spacing:-.01em}.doc-confirm-message{font-size:.95rem;color:var(--muted-foreground);margin:0 0 2rem;line-height:1.6}.doc-confirm-actions{display:flex;gap:1rem}.doc-confirm-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.doc-confirm-btn.secondary{background:transparent;color:var(--foreground);border:1px solid var(--border)}.doc-confirm-btn.secondary:hover{background:#f9fafb;border-color:var(--muted-foreground)}.doc-confirm-btn.primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.doc-confirm-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:400px){.doc-confirm-actions{flex-direction:column}}.crew-card{cursor:pointer;transition:transform .15s ease-in-out;padding:1.5rem!important}.crew-card:hover{transform:translateY(-2px)}.crew-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.crew-card-info{margin-bottom:1rem}.crew-card-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.crew-card-role{font-size:.875rem;color:#6b7280;margin:0}.crew-card-contact{display:flex;flex-direction:column;gap:.5rem}.crew-card-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.crew-card-contact-item svg{flex-shrink:0;color:#9ca3af}.crew-card-contact-link{text-decoration:none;color:#6b7280;transition:color .2s ease;border-radius:4px;padding:.25rem;margin:-.25rem}.crew-card-contact-link:hover{color:#3b82f6;background-color:#eff6ff}.crew-card-contact-link:hover svg{color:#3b82f6}.crew-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.crew-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:1rem;color:#6b7280}.crew-list-empty{display:flex;align-items:center;justify-content:center;padding:3rem 0;color:#6b7280;text-align:center}@media(max-width:1024px){.crew-list-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.crew-list-grid{grid-template-columns:1fr}}.crew-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.crew-detail-profile{padding:2rem!important}.crew-detail-profile-content{display:flex;flex-direction:column;align-items:center;text-align:center}.crew-detail-avatar{margin-bottom:1rem}.crew-detail-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .25rem}.crew-detail-role{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.crew-detail-info{grid-column:span 1}.crew-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.crew-detail-info-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.crew-detail-info-value{font-size:.875rem;font-weight:500;color:#111827;margin:0}@media(max-width:1024px){.crew-detail-grid,.crew-detail-info-grid{grid-template-columns:1fr}}.crew-task-list{display:flex;flex-direction:column;gap:2rem}.crew-task-section{display:flex;flex-direction:column;gap:1rem}.crew-task-section-title{font-size:1.125rem;font-weight:600;color:var(--yacht-navy);margin:0}.crew-task-items{display:flex;flex-direction:column;gap:.75rem}.crew-task-item{padding:1rem;transition:box-shadow .2s;position:static;clear:both;margin-bottom:.5rem}.crew-task-item:hover{box-shadow:var(--shadow-md)}.crew-task-item-content{display:flex;justify-content:space-between;align-items:start;gap:1rem}.crew-task-item-title{font-size:1rem;font-weight:600;color:var(--yacht-navy);margin:0 0 .25rem}.crew-task-item-desc{font-size:.875rem;color:var(--muted-foreground);margin:0;line-height:1.5}.crew-task-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.crew-task-item-date{font-size:.75rem;color:var(--muted-foreground);white-space:nowrap}.crew-quick-select{display:flex;flex-direction:column;gap:1.5rem}.crew-quick-select-content{display:flex;flex-direction:column;gap:1rem}.crew-quick-select-loading{padding:1rem;text-align:center;color:var(--text-secondary)}.crew-quick-select-hint{font-size:.875rem;color:var(--text-muted);margin:0}.crew-quick-select-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.user-docs-section{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden}.user-docs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.user-docs-header-info{display:flex;align-items:center;gap:12px}.user-docs-title{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.user-docs-critical-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#dc26261f;color:#dc2626}.user-docs-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.user-docs-add-btn:hover{opacity:.85}.user-docs-body{padding:16px 20px}.user-docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted-foreground)}.user-docs-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:user-docs-spin .8s linear infinite;margin-bottom:12px}@keyframes user-docs-spin{to{transform:rotate(360deg)}}.user-docs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted-foreground);text-align:center}.user-docs-empty svg{margin-bottom:12px;opacity:.4}.user-docs-empty p{margin:0 0 16px;font-size:14px}.user-docs-empty-btn{padding:8px 16px;border-radius:8px;border:1px dashed var(--border);background:transparent;color:var(--muted-foreground);font-size:14px;cursor:pointer;transition:all .2s}.user-docs-empty-btn:hover{border-color:var(--primary);color:var(--primary)}.user-docs-categories-list{display:flex;flex-direction:column;gap:10px}.user-docs-category-group{border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.user-docs-category-group.expanded{box-shadow:0 4px 12px #00000014}.category-header{display:flex;align-items:center;justify-content:center;padding:9px 14px;background:var(--muted);cursor:pointer;user-select:none;transition:background .15s;position:relative}.category-header:hover{background:#f9fafb}.user-docs-category-group.expanded .category-header{background:var(--muted);border-bottom:1px solid var(--border)}.category-header-info{display:flex;align-items:center;gap:6px}.category-icon{font-size:1rem}.category-label{font-weight:600;font-size:13px;color:var(--foreground)}.category-count{font-size:12px;color:var(--muted-foreground);font-weight:500;background:var(--border);padding:2px 7px;border-radius:10px}.category-header-arrow{position:absolute;right:12px;display:flex;align-items:center;color:var(--muted-foreground)}.category-content{padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--card);animation:slideDown .18s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.category-empty-msg{padding:20px;text-align:center;font-size:12px;color:var(--muted-foreground);font-style:italic}.user-docs-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--muted);border-radius:10px;border-left:4px solid transparent;transition:all .15s ease}.user-docs-item:hover{background:#f9fafb;transform:translate(2px)}.user-docs-item.valid{border-left-color:#10b981}.user-docs-item.expiring{border-left-color:#f59e0b}.user-docs-item.expired{border-left-color:#ef4444}.user-docs-item.none{border-left-color:var(--border)}.user-docs-item-icon{width:34px;height:34px;border-radius:8px;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-docs-item.expired .user-docs-item-icon{background:#ef444426;color:#ef4444;opacity:1}.user-docs-item.expiring .user-docs-item-icon{background:#f59e0b26;color:#f59e0b;opacity:1}.user-docs-item-info{flex:1;min-width:0}.user-docs-item-title{display:block;font-size:13.5px;font-weight:600;color:var(--foreground);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-docs-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px}.user-docs-expiry-status{font-weight:500}.user-docs-expiry-status.valid{color:#10b981}.user-docs-expiry-status.expiring{color:#f59e0b}.user-docs-expiry-status.expired{color:#ef4444}.user-docs-issue-date{color:var(--muted-foreground);font-weight:500}.user-docs-issue-date:after{content:"•";margin-left:6px;color:var(--border)}.user-docs-expiry-date{color:var(--muted-foreground)}.user-docs-no-expiry{color:var(--muted-foreground);font-style:italic}.user-docs-item-actions{display:flex;gap:6px;flex-shrink:0}.user-docs-action-btn{width:30px;height:30px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.user-docs-action-btn:hover{opacity:.75}.user-docs-action-btn.download{background:#3b82f626;color:#3b82f6}.user-docs-action-btn.edit{background:#6366f126;color:#6366f1}.user-docs-action-btn.delete{background:#ef444426;color:#ef4444}.cert-count-badge{display:flex;flex-direction:column;align-items:center;margin-right:12px;background:var(--muted);border:1.5px solid var(--border);border-radius:12px;padding:6px 14px;min-width:56px;cursor:pointer;transition:background .15s,border-color .15s}.cert-count-badge:hover{background:#f9fafb;border-color:#9ca3af}.cert-count-number{font-size:1.6rem;font-weight:700;line-height:1;color:var(--foreground);transition:color .15s}.cert-count-label{font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-top:2px;transition:color .15s}.cert-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.cert-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:740px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #0006;animation:certModalIn .2s ease-out}@keyframes certModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.cert-modal-header-left{display:flex;align-items:center;gap:14px}.cert-modal-icon{width:42px;height:42px;border-radius:11px;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-modal-title{margin:0;font-size:1rem;font-weight:700;color:var(--foreground)}.cert-modal-subtitle{margin:3px 0 0;font-size:.78rem;color:var(--muted-foreground)}.cert-modal-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s,color .15s}.cert-modal-close:hover{background:#f3f4f6;color:#111827}.cert-modal-body{padding:20px 24px;overflow-y:auto}.cert-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cert-card{background:var(--muted);border:1px solid var(--border);border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden;transition:box-shadow .15s}.cert-card:hover{box-shadow:0 4px 18px #0000001f}.cert-card-accent{position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:14px 0 0 14px}.cert-card--valid .cert-card-accent{background:#10b981}.cert-card--expiring .cert-card-accent{background:#f59e0b}.cert-card--expired .cert-card-accent{background:#ef4444}.cert-card-badge{display:inline-flex;align-self:flex-start;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:20px;border:1px solid}.cert-card-badge--valid{color:#10b981;border-color:#10b9814d;background:#10b9811a}.cert-card-badge--expiring{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.cert-card-badge--expired{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.cert-card-name{font-weight:700;font-size:.92rem;color:var(--foreground);line-height:1.35}.cert-card-docno{font-size:.72rem;color:var(--muted-foreground);font-family:monospace}.cert-card-dates{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border)}.cert-card-date-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted-foreground)}.cert-card-date-value{font-weight:600;color:var(--foreground)}.cert-card-date-value--valid{color:#10b981}.cert-card-date-value--expiring{color:#f59e0b}.cert-card-date-value--expired{color:#ef4444}.crew-document-list{display:flex;flex-direction:column;gap:1rem}.crew-document-list-empty{text-align:center;padding:4rem 2rem;color:var(--muted-foreground);background:#fff;border-radius:var(--radius-xl);border:1px dashed var(--border)}.crew-document-group{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.crew-document-group:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.crew-document-group.expanded{border-color:var(--primary);background:var(--glass-bg);box-shadow:0 8px 30px #0000001f}.crew-document-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.crew-document-header:hover{background:#ffffff0d}.crew-info{display:flex;flex-direction:column;gap:.25rem}.crew-avatar-name{display:flex;align-items:center;gap:1rem}.crew-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#0ea5e9 100%);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-transform:uppercase;box-shadow:0 4px 12px #00000026;border:2px solid rgba(255,255,255,.1)}.crew-name{font-size:1.1rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:.01em}.crew-role{font-size:.85rem;color:var(--muted-foreground);margin:0}.crew-expand-indicator{color:var(--muted-foreground);transition:color .2s ease;background:#f9fafb;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.crew-document-header:hover .crew-expand-indicator{color:var(--primary);background:var(--primary-soft)}.expand-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.rotated{transform:rotate(180deg)}.crew-documents-content{padding:1.5rem;border-top:1px solid var(--border);background:#f9fafb;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.crew-document-header{padding:1rem}.crew-avatar{width:40px;height:40px;font-size:.9rem}.crew-name{font-size:1rem}.crew-documents-content{padding:1rem}}.document-catalog{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.document-catalog-header{display:flex;flex-direction:column;gap:1rem}.document-catalog-content{min-height:400px}.document-breadcrumb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.breadcrumb-list{display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s}.breadcrumb-link:hover{background:#f9fafb;text-decoration:underline}.breadcrumb-current{font-size:.875rem;font-weight:600;color:var(--foreground);padding:.25rem .5rem}.breadcrumb-separator{color:var(--muted-foreground);display:flex;align-items:center}.breadcrumb-back-btn{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid var(--border);color:var(--foreground);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.breadcrumb-back-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.document-search-bar{width:100%;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--muted-foreground);pointer-events:none}.search-input-wrapper .input{padding-left:2.5rem;padding-right:2.5rem}.search-clear-btn{position:absolute;right:.5rem;background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .2s}.search-clear-btn:hover{color:var(--foreground)}.document-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.document-type-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.document-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.document-type-icon{font-size:2rem;line-height:1;flex-shrink:0}.document-type-info{flex:1;min-width:0}.document-type-label{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.document-type-description{font-size:.75rem;color:var(--muted-foreground);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-type-count{flex-shrink:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;font-size:.75rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border-radius:9999px}.document-type-arrow{color:var(--muted-foreground);flex-shrink:0;transition:transform .2s}.document-type-card:hover .document-type-arrow{transform:translate(4px);color:var(--primary)}.entity-list{display:flex;flex-direction:column;gap:.75rem}.entity-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left;width:100%}.entity-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.entity-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f9fafb;border-radius:var(--radius-md);color:var(--muted-foreground);flex-shrink:0;transition:all .2s}.entity-card:hover .entity-icon{background:var(--primary-soft);color:var(--primary)}.entity-info{flex:1;min-width:0}.entity-name{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-document-count{font-size:.8125rem;color:var(--muted-foreground);margin:0}.entity-arrow{color:var(--muted-foreground);flex-shrink:0;transition:transform .2s}.entity-card:hover .entity-arrow{transform:translate(4px);color:var(--primary)}.entity-document-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.document-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.document-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.document-item-info{flex:1;min-width:0}.document-item-title{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.document-item-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--muted-foreground)}.document-item-meta>span:not(:last-child):after{content:"·";margin-left:.5rem}.document-expiry-badge{display:inline-block;margin-top:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-sm)}.document-download-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;flex-shrink:0}.document-download-btn:hover{transform:translateY(-1px)}.document-empty-state,.document-loading,.document-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;text-align:center;color:var(--muted-foreground)}.document-empty-state svg,.document-loading svg,.document-error svg{color:var(--muted-foreground);opacity:.5}.document-error{color:var(--destructive)}.document-error svg{color:var(--destructive);opacity:.7}@media(max-width:768px){.document-catalog{padding:.75rem;gap:1rem}.document-breadcrumb{flex-direction:column;align-items:flex-start}.breadcrumb-back-btn{order:-1;margin-bottom:.5rem}.document-search-bar{max-width:100%}.document-type-grid{grid-template-columns:1fr}.document-type-card,.entity-card,.document-item{padding:.875rem 1rem}.document-type-icon{font-size:1.5rem}.document-item{flex-wrap:wrap}.document-download-btn{width:100%;justify-content:center;margin-top:.5rem}}.task-detail-modal-overlay{position:fixed;inset:0;background:#001428b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.task-detail-modal{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.task-detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,#3b82f614,#0ea5e90d)}.task-detail-modal-title-row{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.task-detail-modal-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-detail-modal-icon.task-icon{background:linear-gradient(135deg,#3b82f6,#0ea5e9);color:#fff}.task-detail-modal-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;flex:1;min-width:150px}.task-detail-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;flex-shrink:0}.task-detail-modal-close:hover{background:#0000001a;color:#1e293b}.task-detail-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.task-detail-modal-section{margin-bottom:1.5rem}.task-detail-modal-section:last-child{margin-bottom:0}.task-detail-modal-section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.task-detail-modal-description{font-size:.9375rem;color:#475569;line-height:1.6;margin:0;padding:1rem;background:#00000005;border-radius:10px;border-left:3px solid #3b82f6}.task-detail-modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.task-detail-modal-info-item{background:#00000005;padding:.875rem;border-radius:10px;display:flex;flex-direction:column;gap:.25rem}.task-detail-modal-info-label{font-size:.75rem;color:#94a3b8;font-weight:500}.task-detail-modal-info-value{font-size:.875rem;color:#1e293b;font-weight:600}.task-detail-modal-info-value.elapsed{color:#3b82f6}.task-detail-modal-person{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:#00000005;border-radius:10px}.task-detail-modal-person-info{display:flex;flex-direction:column;gap:.125rem}.task-detail-modal-person-name{font-size:.9375rem;font-weight:600;color:#1e293b}.task-detail-modal-person-role{font-size:.8125rem;color:#64748b}.task-detail-modal-crew-list{display:flex;flex-direction:column;gap:.5rem}.task-detail-modal-empty{font-size:.875rem;color:#94a3b8;font-style:italic;margin:0}.task-detail-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);background:#f8fafc80}.task-detail-modal-btn{flex:1;padding:.875rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;border:none}.task-detail-modal-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.task-detail-modal-btn.approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.task-detail-modal-btn.complete{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.task-detail-modal-btn.complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.task-detail-modal-btn.secondary{background:#0000000f;color:#1e293b;border:1px solid rgba(0,0,0,.12)}.task-detail-modal-btn.secondary:hover{background:#0000001a;color:#1e293b;border-color:#0003}.task-detail-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.task-detail-modal{max-height:95vh;border-radius:1rem 1rem 0 0;margin-top:auto}.task-detail-modal-header{padding:1.25rem 1rem 1rem}.task-detail-modal-body{padding:1rem}.task-detail-modal-footer{flex-direction:column;padding:1rem}.task-detail-modal-info-grid{grid-template-columns:1fr 1fr}}.tasks-page{min-height:100vh;width:100%;max-width:100%;background:var(--background)}.tasks-page-tabs{display:flex;gap:.5rem;padding:0 1rem;background:var(--card);border-bottom:1px solid var(--border)}.tasks-page-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:auto}.tasks-page-tab:hover{color:var(--foreground)}.tasks-page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tasks-page-tab svg{width:18px;height:18px}.tasks-badge-pending{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 5px;background:var(--destructive);color:var(--destructive-foreground);border-radius:99px;font-size:.7rem;font-weight:700}.tasks-content{padding:1rem;width:100%!important;max-width:100%!important;box-sizing:border-box}.tasks-section-header{margin-bottom:.75rem}.tasks-section-header h2{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.tasks-status-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.375rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);width:fit-content}.tasks-status-filter{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:auto}.tasks-status-filter:hover{background:var(--accent);color:var(--foreground)}.tasks-status-filter.active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.tasks-list-section,.tasks-assign-section{width:100%!important;max-width:100%!important}.tasks-list{display:flex;flex-direction:column;gap:.75rem;width:100%!important;max-width:100%!important}.task-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;width:100%}.task-card{display:block;width:100%!important;max-width:100%!important;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.task-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.task-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.task-card:hover:before{background:var(--primary)}.task-card.pending:before{background:var(--color-warning)}.task-card.approved:before{background:var(--color-success)}.task-card-layout{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;width:100%}.task-card-left{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.task-card-header-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.5rem;text-align:right;margin-left:auto;flex:0 0 auto}.task-card-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.4}.task-card-date{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted-foreground)}.task-card-date svg{width:14px;height:14px;opacity:.7}.task-card-assignees{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;font-size:.75rem;color:var(--muted-foreground);text-align:right}.task-card-assignees svg{width:14px;height:14px;opacity:.7;flex-shrink:0}.task-card-status{padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;align-self:flex-end}.task-card-status--gray{background:var(--muted);color:var(--muted-foreground)}.task-card-status--blue{background:#60a5fa26;color:var(--status-blue)}.task-card-status--green{background:#4ade8026;color:var(--status-green)}.task-card-status--orange{background:#fbbf2426;color:var(--status-yellow)}.task-card-approve-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.task-card-approve-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.task-card-approve-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.task-card-btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666}.task-card-btn-blue:hover:not(:disabled){box-shadow:0 4px 12px #3b82f680}.task-card-btn-blue:not(:disabled){animation:pulse-blue 2s ease-in-out infinite}.task-card-btn-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}.task-card-btn-green:hover:not(:disabled){box-shadow:0 4px 12px #10b98180}.task-card-btn-green:not(:disabled){animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 2px 8px #10b98166}50%{box-shadow:0 2px 16px #10b981b3}}@keyframes pulse-blue{0%,to{box-shadow:0 2px 8px #3b82f666}50%{box-shadow:0 2px 16px #3b82f6b3}}.task-card-right-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.task-card-approve-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:auto;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #10b98166;letter-spacing:.02em;animation:pulse-approve 2s ease-in-out infinite}.task-card-approve-btn svg{width:16px;height:16px;flex-shrink:0}.task-card-approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 16px #10b98199;transform:translateY(-1px)}.task-card-approve-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #10b98166}.task-card-approve-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}@keyframes pulse-approve{0%,to{box-shadow:0 2px 8px #10b98166}50%{box-shadow:0 2px 16px #10b981b3}}.task-card-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:var(--destructive, #ef4444);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:auto;white-space:nowrap;flex-shrink:0}.task-card-delete-btn:hover:not(:disabled){filter:brightness(1.1)}.task-card-delete-btn:disabled{opacity:.5;cursor:not-allowed}.tasks-status-filter.created-by-me{display:inline-flex;align-items:center;gap:.35rem}.tasks-status-filter.created-by-me svg{width:14px;height:14px}.tasks-empty{text-align:center;padding:2rem;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.tasks-empty p{color:var(--muted-foreground);font-size:.875rem;margin:0}.tasks-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--muted-foreground)}.tasks-header{padding:1rem;background:var(--card);border-bottom:1px solid var(--border)}.tasks-header h1{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0}@media(max-width:768px){.tasks-page-tabs{padding:0 .5rem;overflow-x:auto}.tasks-content{padding:.75rem}.task-template-grid{grid-template-columns:1fr}.task-card{padding:.875rem}.tasks-status-filters{width:100%;overflow-x:auto;flex-wrap:nowrap}.task-card-layout{gap:.75rem 1rem}.task-card-title{font-size:.9375rem}.task-card-assignees{font-size:.6875rem}}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .07);--glass-blur: blur(12px);--primary-deep: #0f172a;--primary-ocean: #0ea5e9;--primary-soft: #e0f2fe;--text-primary: #1e293b;--text-secondary: #64748b;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444}.journal-page{max-width:1000px;margin:0 auto;padding:1rem;min-height:100vh}.journal-container{display:flex;flex-direction:column;gap:2rem;position:relative}.journal-date-strip{display:flex;align-items:center;justify-content:space-between;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:1rem 1.5rem;border-radius:16px;position:sticky;top:1rem;z-index:50;transition:all .3s ease}.date-strip-nav{display:flex;gap:.5rem}.date-strip-days{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:none}.date-strip-days::-webkit-scrollbar{display:none}.date-day-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;height:64px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;color:var(--text-secondary);background:transparent}.date-day-item:hover{background:var(--primary-soft);color:var(--primary-ocean)}.date-day-item.selected{background:var(--primary-ocean);color:#fff;box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-2px)}.date-day-item.today{border-color:var(--primary-ocean)}.date-day-name{font-size:.7rem;text-transform:uppercase;font-weight:600;margin-bottom:2px}.date-day-number{font-size:1.125rem;font-weight:700}.date-day-dot{width:4px;height:4px;background-color:var(--accent-success);border-radius:50%;margin-top:4px;opacity:0}.date-day-item.has-entries .date-day-dot{opacity:1}.date-day-item.selected .date-day-dot{background-color:#fff}.journal-timeline{position:relative;padding-left:2rem}.journal-timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--primary-ocean) 0,var(--primary-ocean) 4px,transparent 4px,transparent 8px);opacity:.3}.journal-timeline-entry{position:relative;margin-bottom:2rem;padding-left:2rem;animation:slideUp .5s ease backwards}.journal-timeline-entry:nth-child(1){animation-delay:.1s}.journal-timeline-entry:nth-child(2){animation-delay:.2s}.journal-timeline-entry:nth-child(3){animation-delay:.3s}.journal-timeline-entry:nth-child(4){animation-delay:.4s}.timeline-node{position:absolute;left:-2rem;top:0;width:48px;height:48px;left:0;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(4px);border-radius:50%;box-shadow:0 2px 8px #0000000d;z-index:10;color:var(--primary-ocean);transition:transform .2s}.journal-timeline-entry:hover .timeline-node{transform:scale(1.1);border-color:var(--primary-ocean)}.timeline-node-time{font-size:.65rem;font-weight:700;position:absolute;top:-20px;left:50%;transform:translate(-50%);color:var(--text-secondary);white-space:nowrap}.journal-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);overflow:hidden;transition:all .3s ease}.journal-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a;border-color:var(--primary-soft)}.journal-card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.journal-card-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);font-family:Inter,sans-serif;letter-spacing:.01em}.journal-card-body{padding:1.5rem}.deck-log-weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem}.weather-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.weather-icon-large{font-size:2rem;margin-bottom:.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.weather-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.8}.weather-value{font-weight:600;color:var(--text-primary);font-size:1rem}.location-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-soft);color:var(--primary-ocean);border-radius:99px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.btn-glass{background:#ffffff80;border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.btn-glass:hover{background:#fff;color:var(--primary-ocean)}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--primary-soft);color:var(--primary-ocean)}@media(max-width:768px){.journal-timeline:before{left:16px}.timeline-node{width:32px;height:32px;left:0}.journal-timeline-entry{padding-left:1rem}.deck-log-weather-grid{grid-template-columns:1fr 1fr;gap:1rem}.weather-item{flex-direction:row;text-align:left;background:#ffffff08;padding:.5rem;border-radius:8px}.weather-icon-large{font-size:1.5rem;margin:0;margin-right:.5rem}.weather-info{display:flex;flex-direction:column}}.horizon-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto}.premium-timeline{position:relative;display:flex;flex-direction:column;gap:1.5rem}.premium-timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-ocean) 0%,var(--accent-success) 50%,var(--accent-warning) 100%);border-radius:3px;opacity:.3}.premium-timeline-entry{position:relative;padding-left:60px;animation:slideUp .5s ease backwards}.premium-timeline-marker{position:absolute;left:0;top:0;width:48px;display:flex;flex-direction:column;align-items:center}.premium-timeline-icon{width:48px;height:48px;background:var(--glass-bg);backdrop-filter:blur(8px);border:3px solid var(--primary-ocean);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 16px #0ea5e933;transition:all .3s ease;z-index:1}.premium-timeline-icon.deck-log{border-color:var(--primary-ocean);background:var(--primary-soft)}.premium-timeline-icon.deck-note{border-color:var(--accent-success);background:#10b9811a}.premium-timeline-entry:hover .premium-timeline-icon{transform:scale(1.1);box-shadow:0 6px 24px #0ea5e94d}.premium-timeline-time{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-top:.5rem;background:var(--glass-bg);padding:.25rem .5rem;border-radius:6px}.maritime-glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--glass-shadow);transition:all .3s ease}.maritime-glass-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.maritime-glass-card.deck-log{border-left:4px solid var(--primary-ocean)}.maritime-glass-card.deck-note{border-left:4px solid var(--accent-success)}.maritime-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(14,165,233,.05),transparent);border-bottom:1px solid var(--glass-border)}.maritime-card-header.deck-note{background:linear-gradient(90deg,rgba(16,185,129,.05),transparent)}.maritime-card-title{display:flex;align-items:center;gap:.75rem}.maritime-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border-radius:10px;font-size:1.1rem}.maritime-card-icon.deck-note{background:#10b9811a}.maritime-card-label{font-weight:700;font-size:.95rem;color:var(--text-primary);letter-spacing:.02em}.maritime-card-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.maritime-card-status.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.maritime-card-status.created{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.maritime-card-status.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.maritime-card-body{padding:1.25rem}.premium-weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.premium-weather-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8fafccc,#ffffffe6);border:1px solid var(--glass-border);border-radius:14px;transition:all .25s ease}.premium-weather-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.premium-weather-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border-radius:12px;font-size:1.5rem;margin-bottom:.75rem}.premium-weather-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;text-align:center}.premium-weather-label{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.wind-compass{position:relative;width:70px;height:70px;margin:0 auto .5rem}.wind-compass-ring{width:100%;height:100%;border:3px solid var(--glass-border);border-radius:50%;position:relative;background:linear-gradient(135deg,#f8fafce6,#e2e8f0e6)}.wind-compass-direction{position:absolute;font-size:.55rem;font-weight:700;color:var(--text-secondary)}.wind-compass-direction.n{top:2px;left:50%;transform:translate(-50%)}.wind-compass-direction.s{bottom:2px;left:50%;transform:translate(-50%)}.wind-compass-direction.e{right:2px;top:50%;transform:translateY(-50%)}.wind-compass-direction.w{left:2px;top:50%;transform:translateY(-50%)}.wind-compass-needle{position:absolute;top:50%;left:50%;width:4px;height:25px;background:linear-gradient(180deg,var(--primary-ocean),#0284c7);border-radius:2px;transform-origin:bottom center;transform:translate(-50%) translateY(-100%);transition:transform .5s ease;box-shadow:0 2px 8px #0ea5e966}.wind-compass-center{position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--primary-ocean);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0ea5e966}.premium-location{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fecaca;border-radius:14px;margin-bottom:1rem}.premium-location-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-size:1.5rem;box-shadow:0 4px 12px #ef444433;animation:locationPing 2s ease-in-out infinite}@keyframes locationPing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.premium-location-details{flex:1}.premium-location-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.premium-location-coords{font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace}.premium-note-content{font-size:1rem;line-height:1.7;color:var(--text-primary);padding:1rem;background:linear-gradient(135deg,rgba(16,185,129,.05),transparent);border-radius:12px;border-left:3px solid var(--accent-success)}.maritime-card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f8fafc80;border-top:1px solid var(--glass-border)}.maritime-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.maritime-card-meta-avatar{width:28px;height:28px;background:var(--primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--primary-ocean)}.premium-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.premium-empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-soft),#bae6fd);border-radius:50%;font-size:3rem;margin-bottom:1.5rem;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.premium-empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.premium-empty-text{font-size:1rem;color:var(--text-secondary);margin:0;max-width:300px}.premium-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.premium-loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-ocean);border-radius:50%;animation:spin .8s linear infinite}.premium-loading-text{margin-top:1rem;font-size:.9rem;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.horizon-layout{padding:0 .5rem}.premium-weather-grid{grid-template-columns:repeat(2,1fr)}.premium-timeline:before{left:20px}.premium-timeline-entry{padding-left:50px}.premium-timeline-icon{width:40px;height:40px;font-size:1rem}.maritime-glass-card{border-radius:16px}.premium-location{flex-direction:column;text-align:center}.wind-compass{width:60px;height:60px}}@media(max-width:480px){.premium-weather-grid{grid-template-columns:1fr 1fr;gap:.75rem}.premium-weather-item{padding:.75rem}.premium-weather-icon{width:36px;height:36px;font-size:1.2rem}.premium-weather-value{font-size:.95rem}}.horizon-date-strip{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.25rem;box-shadow:var(--glass-shadow);position:sticky;top:1rem;z-index:50}.horizon-date-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border)}.horizon-date-selectors{display:flex;gap:.5rem;flex-wrap:wrap}.horizon-dropdown{position:relative}.horizon-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff80;border:1px solid var(--glass-border);border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.horizon-dropdown-trigger:hover{background:var(--primary-soft);border-color:var(--primary-ocean);color:var(--primary-ocean)}.horizon-dropdown-trigger.active{background:var(--primary-ocean);border-color:var(--primary-ocean);color:#fff}.horizon-dropdown-icon{width:14px;height:14px;transition:transform .2s}.horizon-dropdown-trigger.active .horizon-dropdown-icon{transform:rotate(180deg)}.horizon-dropdown-trigger.week-trigger{padding:.5rem .75rem}.horizon-week-icon{width:16px;height:16px}.horizon-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-secondary, #ffffff);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 16px 48px #00000026;z-index:100;animation:horizonDropIn .2s ease;overflow:hidden}@keyframes horizonDropIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.horizon-dropdown-menu.month-grid{display:grid;grid-template-columns:repeat(4,1fr);width:260px;padding:.5rem;gap:.25rem}.horizon-dropdown-menu.year-list{width:100px;padding:.5rem}.horizon-dropdown-menu.week-list{width:280px;padding:.5rem;max-height:300px;overflow-y:auto}.horizon-dropdown-item{padding:.625rem .75rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s;text-align:center}.horizon-dropdown-item:hover:not(.disabled){background:var(--primary-soft);color:var(--primary-ocean)}.horizon-dropdown-item.active{background:var(--primary-ocean);color:#fff;font-weight:600}.horizon-dropdown-item.disabled{opacity:.4;cursor:not-allowed}.horizon-dropdown-item.week-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left}.week-label{font-weight:600;color:var(--text-primary)}.week-range{font-size:.75rem;color:var(--text-secondary)}.horizon-today-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary-ocean),#0284c7);border:none;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0ea5e959}.horizon-today-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e973}.horizon-today-btn svg{width:16px;height:16px}.horizon-week-nav{display:flex;align-items:center;gap:.75rem}.horizon-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff80;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.horizon-nav-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary-ocean);color:var(--primary-ocean)}.horizon-nav-btn:disabled{opacity:.4;cursor:not-allowed}.horizon-nav-btn svg{width:20px;height:20px}.horizon-days-container{display:flex;gap:.5rem;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0}.horizon-days-container::-webkit-scrollbar{display:none}.horizon-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:.75rem .5rem;background:#fff9;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.horizon-day:hover:not(:disabled):not(.selected){background:var(--primary-soft);border-color:var(--primary-ocean);transform:translateY(-3px)}.horizon-day.weekend{background:#fef3c799}.horizon-day.today:not(.selected){border-color:var(--primary-ocean);background:var(--primary-soft)}.horizon-day.selected{background:linear-gradient(135deg,var(--primary-ocean),#0284c7);border-color:transparent;transform:scale(1.1);box-shadow:0 8px 24px #0ea5e966}.horizon-day.selected .horizon-day-name,.horizon-day.selected .horizon-day-number{color:#fff}.horizon-day.future{opacity:.35;cursor:not-allowed}.horizon-day-name{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem}.horizon-day-number{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.horizon-day-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:var(--accent-success);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b98166}.horizon-day.selected .horizon-day-badge{background:#fff;color:var(--primary-ocean)}.horizon-today-indicator{position:absolute;bottom:6px;width:6px;height:6px;background:var(--primary-ocean);border-radius:50%;animation:todayPulse 2s ease-in-out infinite}@keyframes todayPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.horizon-selected-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.horizon-selected-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px;color:#dc2626}.horizon-selected-icon svg{width:20px;height:20px}.horizon-selected-text{display:flex;flex-direction:column;gap:.125rem}.horizon-selected-day{font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.horizon-selected-full{font-size:.85rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.horizon-date-strip{padding:1rem;border-radius:16px}.horizon-date-header{flex-direction:column;gap:1rem;align-items:stretch}.horizon-date-selectors{justify-content:center}.horizon-today-btn{width:100%;justify-content:center}.horizon-day{min-width:48px;padding:.5rem}.horizon-day-number{font-size:1.1rem}.horizon-dropdown-menu.month-grid{width:220px;grid-template-columns:repeat(3,1fr)}.horizon-dropdown-menu.week-list{width:250px}}@media(max-width:480px){.horizon-selected-display{flex-direction:column;text-align:center}.horizon-selected-text{align-items:center}.horizon-days-container{gap:.375rem}.horizon-day{min-width:44px}}.maritime-card-actions{display:flex;gap:.5rem}.maritime-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.maritime-action-btn svg{width:16px;height:16px}.maritime-action-btn.approve{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.maritime-action-btn.approve:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.maritime-action-btn.reject{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.maritime-action-btn.reject:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.maritime-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.meta-separator{color:var(--glass-border);font-size:.6rem}.premium-weather-icon.humidity-icon{background:linear-gradient(135deg,#ccfbf1,#5eead4)}.premium-weather-icon.pressure-icon{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.premium-weather-item.wind-compass-item{grid-column:span 1}.premium-weather-item.wind-compass-item .wind-compass{margin-bottom:.5rem}.premium-timeline-entry:nth-child(1){animation-delay:.1s}.premium-timeline-entry:nth-child(2){animation-delay:.2s}.premium-timeline-entry:nth-child(3){animation-delay:.3s}.premium-timeline-entry:nth-child(4){animation-delay:.4s}.premium-timeline-entry:nth-child(5){animation-delay:.5s}.premium-timeline-entry:nth-child(6){animation-delay:.6s}.maritime-glass-card{animation:cardFadeIn .4s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-content-area{min-height:400px}.captain-journal-view{max-width:800px;margin:0 auto;padding-bottom:4rem}.captain-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.approval-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#ffffff80;border-top:1px solid var(--glass-border)}.approval-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.approval-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.approval-btn.approve:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.approval-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.approval-btn.reject:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.crew-journal-view{max-width:800px;margin:0 auto;padding-bottom:4rem}.crew-journal-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.crew-header-info h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.02em}.crew-header-info p{color:var(--text-secondary);font-size:1rem;margin:0}.crew-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.crew-stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:1.25rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}.crew-stat-card:hover{transform:translateY(-2px)}.crew-stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem}.crew-stat-label{font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:var(--text-secondary)}.crew-stat-card.pending .crew-stat-value{color:var(--accent-warning)}.crew-stat-card.approved .crew-stat-value{color:var(--accent-success)}.crew-stat-card.rejected .crew-stat-value{color:var(--accent-danger)}.crew-add-btn{background:linear-gradient(135deg,var(--primary-ocean),#0284c7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s}.crew-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}@media(max-width:640px){.crew-stats-grid{grid-template-columns:1fr}.crew-journal-header{flex-direction:column;align-items:flex-start;gap:1rem}.crew-add-btn{width:100%;justify-content:center}}.captain-journal-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}@keyframes swipeRight{to{opacity:0;transform:translate(100px)}}@keyframes swipeLeft{to{opacity:0;transform:translate(-100px)}}.card-swiping-right{animation:swipeRight .3s ease forwards}.card-swiping-left{animation:swipeLeft .3s ease forwards}@media(max-width:480px){.maritime-card-actions{flex-direction:column;width:100%}.maritime-action-btn{justify-content:center}.maritime-card-footer{flex-direction:column;gap:.75rem;align-items:stretch}.maritime-card-meta{justify-content:center}}.deck-log-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-left:4px solid var(--primary-ocean);border-radius:16px;box-shadow:var(--glass-shadow);overflow:hidden;transition:all .3s ease}.deck-log-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0ea5e926}.deck-log-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(14,165,233,.08),transparent);border-bottom:1px solid var(--glass-border)}.deck-log-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--text-primary)}.deck-log-icon{font-size:1.25rem}.deck-log-status{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.deck-log-status.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.deck-log-status.created{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.deck-log-status.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.deck-log-content{padding:1.25rem}.deck-log-location{margin-bottom:1.25rem;padding:.875rem 1rem;background:var(--primary-soft);border-radius:12px;border:1px solid rgba(14,165,233,.15)}.location-header{display:flex;align-items:center;gap:.5rem}.location-icon{font-size:1.125rem}.location-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.location-coords{margin-top:.375rem;margin-left:1.625rem;font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Consolas,monospace}.deck-log-weather{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.deck-log-weather .weather-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff80;border-radius:12px;border:1px solid var(--glass-border);transition:all .2s ease}.deck-log-weather .weather-item:hover{background:#fffc;transform:translateY(-2px)}.deck-log-weather .compass-item{grid-column:span 1}.compass-container{flex-shrink:0}.compass-ring{position:relative;width:48px;height:48px;border:2px solid var(--primary-ocean);border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.compass-label{position:absolute;font-size:.6rem;font-weight:700;color:var(--primary-ocean)}.compass-label.n{top:2px;left:50%;transform:translate(-50%)}.compass-label.s{bottom:2px;left:50%;transform:translate(-50%)}.compass-label.e{right:4px;top:50%;transform:translateY(-50%)}.compass-label.w{left:4px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;width:3px;height:18px;background:linear-gradient(to top,#ef4444 50%,var(--primary-deep) 50%);border-radius:2px;transform-origin:bottom center;transform:translate(-50%) translateY(-100%);transition:transform .5s ease}.compass-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary-ocean);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.weather-data{display:flex;flex-direction:column;gap:.125rem;min-width:0}.deck-log-weather .weather-value{font-weight:700;font-size:.9rem;color:var(--text-primary);white-space:nowrap}.deck-log-weather .weather-label{font-size:.7rem;color:var(--text-secondary);text-transform:none;letter-spacing:0;opacity:1}.weather-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;flex-shrink:0}.deck-log-footer{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#00000005;border-top:1px solid var(--glass-border)}.deck-log-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.meta-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-ocean),#0284c7);color:#fff;font-size:.65rem;font-weight:700;border-radius:50%}.meta-name{font-weight:500;color:var(--text-primary)}.meta-dot{color:var(--text-secondary);opacity:.5}.meta-time{font-family:SF Mono,Consolas,monospace;font-size:.75rem}.deck-log-actions{display:flex;gap:.5rem}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn svg{width:14px;height:14px}.action-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.approve:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.action-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(max-width:640px){.deck-log-weather{grid-template-columns:repeat(2,1fr)}.deck-log-weather .compass-item{grid-column:span 2}.deck-log-footer{flex-direction:column;gap:.75rem}.deck-log-actions{width:100%}.action-btn{flex:1;justify-content:center}}.deck-note-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-left:4px solid var(--accent-success);border-radius:16px;box-shadow:var(--glass-shadow);overflow:hidden;transition:all .3s ease}.deck-note-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #10b98126}.deck-note-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(16,185,129,.08),transparent);border-bottom:1px solid var(--glass-border)}.deck-note-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--text-primary)}.deck-note-icon{font-size:1.25rem}.deck-note-status{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.deck-note-status.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.deck-note-status.created{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.deck-note-status.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.deck-note-content{padding:1.25rem}.deck-note-text{margin:0;font-size:.95rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.deck-note-footer{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#00000005;border-top:1px solid var(--glass-border)}.deck-note-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.meta-avatar.note{background:linear-gradient(135deg,var(--accent-success),#059669)}.deck-note-actions{display:flex;gap:.5rem}@media(max-width:640px){.deck-note-footer{flex-direction:column;gap:.75rem}.deck-note-actions{width:100%}.deck-note-actions .action-btn{flex:1;justify-content:center}}.premium-glass-panel{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 1px #fffc;border-radius:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-glass-panel:hover{background:#ffffffd9;transform:translateY(-2px);box-shadow:0 10px 20px -5px #00000014,0 20px 25px -5px #0000000d,inset 0 1px #ffffffe6}.machine-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.machine-metric-item{background:#f8fafc99;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border:1px solid rgba(226,232,240,.6);transition:all .2s ease}.machine-metric-item:hover{background:#ffffffe6;border-color:#3b82f64d}.metric-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.metric-value{font-size:1.25rem;font-weight:700;color:#1e293b;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.25rem}.metric-unit{font-size:.875rem;font-weight:500;color:#94a3b8}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;border:1px solid transparent}.status-pill.pending{background:#fffbebcc;color:#b45309;border-color:#fcd34d4d}.status-pill.approved{background:#f0fdf4cc;color:#15803d;border-color:#86efac4d}.status-pill.rejected{background:#fef2f2cc;color:#b91c1c;border-color:#fca5a54d}.modal-backdrop-premium{background:#0f172a66;backdrop-filter:blur(8px)}.modal-content-premium{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,1);box-shadow:0 25px 50px -12px #00000040,inset 0 1px #ffffff80;border-radius:1.5rem}.premium-input{background:#f1f5f980;border:1px solid rgba(203,213,225,.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.premium-tabs{background:#f1f5f9cc;padding:.25rem;border-radius:1rem;display:flex;gap:.25rem}.premium-tab{flex:1;padding:.625rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .2s ease;color:#64748b;border:1px solid transparent}.premium-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000000d;border-color:#00000005}.premium-tab:not(.active):hover{color:#334155;background:#fff6}.premium-tabs-container{background:#f1f5f980;padding:.5rem;border-radius:1.25rem;border:1px solid rgba(226,232,240,.8);margin-bottom:2rem}.premium-tabs-bg{display:flex;background:#fff;border-radius:1rem;padding:.25rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;border:1px solid rgba(226,232,240,.6)}.premium-tab-item{flex:1;display:flex;align-items:center;justify-content:center;padding:.875rem;border-radius:.75rem;font-weight:600;font-size:.95rem;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.premium-tab-item.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0284c7;border-color:#0ea5e933;box-shadow:0 4px 12px #0ea5e926}.premium-tab-item:not(.active):hover{background:#f8fafccc;color:#334155}.premium-input-group{position:relative}.premium-label{display:block;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem}.premium-input,.premium-select{width:100%;height:3.5rem;background:#f8fafc;border:2px solid transparent;border-radius:1rem;font-size:1rem;font-weight:500;color:#1e293b;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.premium-input:hover,.premium-select:hover{background:#f1f5f9}.premium-input:focus,.premium-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}textarea.premium-input{height:auto;min-height:5rem}.premium-select:not([multiple]){appearance:none;background-image:none}.premium-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:#94a3b8;pointer-events:none;background:#f8fafccc;padding:.25rem .5rem;border-radius:.5rem}.premium-modal-layout{display:flex;flex-direction:column;gap:1.5rem}.premium-input-group{display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.premium-input-group:hover .premium-label{color:#3b82f6}.premium-input:focus~.premium-suffix,.premium-input:not(:placeholder-shown)~.premium-suffix{border-color:#3b82f6;color:#3b82f6;background:#fff}.premium-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(226,232,240,.8),transparent);margin:1.5rem 0}.premium-tabs-container{backdrop-filter:blur(8px);box-shadow:0 4px 20px -2px #00000008}.premium-select{cursor:pointer}.inventory-page{min-height:100vh;width:100%;max-width:100%;background:var(--background)}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.inventory-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0}.inventory-title svg{width:24px;height:24px;color:var(--primary);opacity:.8}.inventory-add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto}.inventory-add-btn:hover{filter:brightness(1.1)}.inventory-add-btn svg{width:16px;height:16px}.inventory-summary{display:flex;gap:1rem;padding:.75rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.inventory-summary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md)}.inventory-summary-item svg{width:16px;height:16px;color:var(--primary);opacity:.7}.inventory-summary-count{font-size:1rem;font-weight:700;color:var(--foreground)}.inventory-summary-label{font-size:.75rem;color:var(--muted-foreground)}.inventory-filters{display:flex;gap:.75rem;padding:.75rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border);align-items:center}.inventory-search-wrapper{position:relative;flex:1;max-width:400px}.inventory-search-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-foreground);pointer-events:none}.inventory-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--foreground);transition:border-color var(--transition-fast);box-sizing:border-box}.inventory-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1a2d4a1a}.inventory-search-input::placeholder{color:var(--muted-foreground)}.inventory-date-input{padding:.5rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--foreground);transition:border-color var(--transition-fast);min-width:140px}.inventory-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1a2d4a1a}.inventory-content{padding:1.5rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.inventory-card{position:relative;display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;cursor:pointer}.inventory-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:background var(--transition-fast)}.inventory-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.inventory-card:hover:before{background:var(--primary)}.inventory-card--low:before{background:var(--color-error)}.inventory-card--medium:before{background:var(--color-warning)}.inventory-card--good:before{background:var(--color-success)}.inventory-card-thumb{width:72px;min-height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--background);border-right:1px solid var(--border);overflow:hidden}.inventory-card-thumb img{width:100%;height:100%;object-fit:cover}.inventory-card-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted-foreground);opacity:.35}.inventory-card-thumb-placeholder svg{width:28px;height:28px}.inventory-card-body{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}.inventory-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.inventory-card-name{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-qty-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.inventory-qty-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast);min-height:auto;padding:0}.inventory-qty-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--accent)}.inventory-qty-btn:disabled{opacity:.35;cursor:not-allowed}.inventory-qty-btn svg{width:14px;height:14px}.inventory-qty-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:.2rem .5rem;background:#60a5fa1a;color:var(--status-blue);border-radius:99px;font-size:.75rem;font-weight:600;cursor:text;transition:all var(--transition-fast)}.inventory-qty-badge:hover{background:#60a5fa2e}.inventory-qty-input{width:48px;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--primary);padding:.15rem .25rem;font-size:.75rem;font-weight:600;color:var(--foreground);background:var(--background);box-shadow:0 0 0 2px #1a2d4a1a}.inventory-card-meta{display:flex;flex-wrap:wrap;gap:.75rem}.inventory-card-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted-foreground)}.inventory-card-meta-item svg{width:13px;height:13px;opacity:.7}.inventory-empty{text-align:center;padding:3rem 2rem;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-lg);grid-column:1 / -1}.inventory-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;background:var(--muted);border-radius:50%;color:var(--muted-foreground)}.inventory-empty-icon svg{width:24px;height:24px}.inventory-empty p{color:var(--muted-foreground);font-size:.875rem;margin:0}.inventory-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--muted-foreground);font-size:.875rem;grid-column:1 / -1}.inventory-form-group{margin-bottom:1rem}.inventory-form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--foreground);margin-bottom:.375rem}.inventory-form-input{width:100%;padding:.5rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--foreground);transition:border-color var(--transition-fast);box-sizing:border-box}.inventory-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1a2d4a1a}.inventory-form-input::placeholder{color:var(--muted-foreground)}.inventory-form-actions{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:flex-end}.inventory-form-btn{padding:.5rem 1.25rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto;border:none}.inventory-form-btn--cancel{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.inventory-form-btn--cancel:hover{background:var(--accent)}.inventory-form-btn--submit{background:var(--primary);color:var(--primary-foreground)}.inventory-form-btn--submit:hover:not(:disabled){filter:brightness(1.1)}.inventory-form-btn--submit:disabled{opacity:.5;cursor:not-allowed}.inventory-form-btn--danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.inventory-form-btn--danger:hover:not(:disabled){background:#ef44441a}.inventory-form-btn--danger:disabled{opacity:.5;cursor:not-allowed}.inventory-image-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--background);margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.inventory-image-upload:hover{border-color:var(--primary);background:var(--accent)}.inventory-image-upload svg{width:32px;height:32px;color:var(--muted-foreground);margin-bottom:.5rem}.inventory-image-upload span{font-size:.8125rem;color:var(--muted-foreground)}.inventory-image-preview{width:100%;max-height:180px;object-fit:contain;border-radius:var(--radius-md)}.inventory-detail{display:flex;flex-direction:column;gap:1rem}.inventory-detail-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.inventory-detail-name{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0}.inventory-detail-qty{padding:.35rem .75rem;background:#60a5fa1f;color:var(--status-blue);border-radius:99px;font-size:.875rem;font-weight:600;white-space:nowrap}.inventory-detail-rows{display:flex;flex-direction:column;gap:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.inventory-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.inventory-detail-row+.inventory-detail-row{border-top:1px solid var(--border)}.inventory-detail-label{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--muted-foreground)}.inventory-detail-label svg{width:15px;height:15px;opacity:.7}.inventory-detail-value{font-size:.875rem;font-weight:500;color:var(--foreground)}.inventory-detail-image-wrapper{border-radius:var(--radius-lg);overflow:hidden;background:var(--background);border:1px solid var(--border)}.inventory-detail-image{width:100%;height:200px;object-fit:cover}.inventory-detail-image-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.inventory-detail-image-placeholder svg{width:32px;height:32px;opacity:.4}.inventory-detail-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.inventory-delete-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.inventory-delete-confirm-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1rem;background:#ef44441a;border-radius:50%;color:var(--color-error)}.inventory-delete-confirm-icon svg{width:24px;height:24px}.inventory-delete-confirm h3{font-size:1rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.inventory-delete-confirm p{color:var(--muted-foreground);font-size:.8125rem;margin:0 0 1.25rem;line-height:1.5}.inventory-delete-confirm-actions{display:flex;gap:.75rem;width:100%;justify-content:center}.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin{appearance:textfield;-moz-appearance:textfield}@media(max-width:768px){.inventory-header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.inventory-summary{padding:.5rem 1rem;gap:.5rem;overflow-x:auto}.inventory-filters{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.inventory-search-wrapper{max-width:100%}.inventory-content{padding:1rem}.inventory-grid{grid-template-columns:1fr;gap:.5rem}.inventory-card-body{padding:.875rem .875rem .875rem 1rem}.inventory-card-thumb{width:60px;min-height:60px}.inventory-card-thumb-placeholder svg{width:22px;height:22px}}.drills-page{min-height:100vh;width:100%;max-width:100%;background:var(--background)}.drills-header{padding:1rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drills-header h1{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0}.drills-header-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto}.drills-header-btn:hover{filter:brightness(1.1)}.drills-header-btn svg{width:16px;height:16px}.drills-summary-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.drills-summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.drills-summary-item--overdue{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.drills-summary-item--due-soon{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.drills-summary-item--up-to-date{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.drills-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.drills-summary-icon--overdue{background:#ef444426;color:var(--color-error)}.drills-summary-icon--due-soon{background:#f59e0b26;color:var(--color-warning)}.drills-summary-icon--up-to-date{background:#22c55e26;color:var(--color-success)}.drills-summary-icon svg{width:20px;height:20px}.drills-summary-text{display:flex;flex-direction:column}.drills-summary-count{font-size:1.5rem;font-weight:700;line-height:1;color:var(--foreground)}.drills-summary-label{font-size:.75rem;color:var(--muted-foreground);margin-top:.125rem}.drills-tabs{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.drills-tabs-left{display:flex;gap:.5rem}.drills-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:auto}.drills-tab:hover{color:var(--foreground)}.drills-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.drills-tab svg{width:18px;height:18px}.drills-tab-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 5px;background:var(--destructive);color:var(--destructive-foreground);border-radius:99px;font-size:.7rem;font-weight:700}.drills-tab-action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:auto;margin:.5rem 0;box-shadow:0 2px 8px #22c55e4d,0 1px 3px #0000001a;text-transform:uppercase;letter-spacing:.02em}.drills-tab-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66,0 2px 4px #0000001a;filter:brightness(1.05)}.drills-tab-action:active{transform:translateY(0);box-shadow:0 2px 4px #22c55e4d}.drills-tab-action svg{width:18px;height:18px;stroke-width:2.5}.drills-content{padding:1.5rem}.drills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.drill-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.25rem 1.5rem;transition:all .2s ease;overflow:hidden}.drill-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:background var(--transition-fast)}.drill-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.drill-card.expanded{grid-column:1 / -1;box-shadow:var(--shadow-lg);border-color:var(--primary)}.drill-card--overdue:before{background:var(--color-error)}.drill-card--due-soon:before{background:var(--color-warning)}.drill-card--up-to-date:before{background:var(--color-success)}.drill-card--no-data:before{background:var(--muted-foreground)}.drill-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.drill-card-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.3}.drill-card-freq{flex-shrink:0;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;background:#60a5fa1f;color:var(--status-blue);white-space:nowrap}.drill-card-dates{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.drill-card-date{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--muted-foreground)}.drill-card-date svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.drill-card-date strong{color:var(--foreground);font-weight:500}.drill-progress-bar{height:6px;background:var(--muted);border-radius:99px;overflow:hidden;margin-bottom:.5rem}.drill-progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.drill-progress-fill--overdue{background:var(--color-error)}.drill-progress-fill--due-soon{background:var(--color-warning)}.drill-progress-fill--up-to-date{background:var(--color-success)}.drill-progress-fill--no-data{background:var(--muted-foreground)}.drill-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem}.drill-status-badge--overdue{background:#ef44441f;color:var(--color-error)}.drill-status-badge--due-soon{background:#f59e0b1f;color:var(--color-warning)}.drill-status-badge--up-to-date{background:#22c55e1f;color:var(--color-success)}.drill-status-badge--no-data{background:var(--muted);color:var(--muted-foreground)}.drill-card-expand{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0;margin-bottom:.75rem;border-top:1px dashed var(--border);color:var(--muted-foreground);font-size:.75rem;font-weight:500;transition:all var(--transition-fast)}.drill-card:hover .drill-card-expand{color:var(--primary)}.drill-card-expand-text{text-transform:uppercase;letter-spacing:.02em}.drill-card-expand-icon{width:16px;height:16px;transition:transform .2s ease}.drill-card-expand-icon.rotated{transform:rotate(180deg)}.drill-contents-sub{margin:0 -1.25rem -.75rem -1.5rem;padding:1rem 1.25rem 1rem 1.5rem;background:var(--background);border-top:1px solid var(--border);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drill-contents-sub-loading{text-align:center;padding:1.5rem;color:var(--muted-foreground);font-size:.875rem}.drill-contents-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.drill-contents-sub-title{font-size:.8125rem;font-weight:600;color:var(--foreground)}.drill-contents-sub-count{padding:.15rem .5rem;background:var(--primary);color:var(--primary-foreground);border-radius:99px;font-size:.6875rem;font-weight:600}.drill-contents-sub-list{display:flex;flex-direction:column;gap:.375rem}.drill-contents-sub-item{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem .625rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.drill-contents-sub-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--primary);color:var(--primary-foreground);border-radius:50%;font-size:.6875rem;font-weight:700;flex-shrink:0}.drill-contents-sub-text{flex:1;font-size:.8125rem;color:var(--foreground);line-height:1.4;padding-top:.125rem}.drill-contents-sub-empty{text-align:center;padding:1.5rem;color:var(--muted-foreground);font-size:.8125rem}.drill-contents-sub-empty p{margin:0}.drill-roles-sub{margin:0 -1.25rem -.75rem -1.5rem;padding:1rem 1.25rem 1rem 1.5rem;background:var(--background);border-top:1px solid var(--border);animation:slideDown .2s ease}.drill-roles-sub-loading{text-align:center;padding:1.5rem;color:var(--muted-foreground);font-size:.875rem}.drill-roles-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.drill-roles-sub-title{font-size:.8125rem;font-weight:600;color:var(--foreground)}.drill-roles-sub-count{padding:.15rem .5rem;background:var(--primary);color:var(--primary-foreground);border-radius:99px;font-size:.6875rem;font-weight:600}.drill-roles-sub-empty{text-align:center;padding:1.5rem;color:var(--muted-foreground);font-size:.8125rem}.drill-roles-sub-empty p{margin:0}.drill-roles-sub-list{display:flex;flex-direction:column;gap:.75rem}.drill-role-group-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.drill-role-group-header{display:flex;align-items:center;padding:.625rem .875rem;border-left:4px solid;background:#00000005;border-bottom:1px solid var(--border)}.drill-role-group-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em}.drill-role-group-positions{display:flex;flex-direction:column}.drill-role-position-card{padding:.75rem .875rem;border-bottom:1px solid var(--border)}.drill-role-position-card:last-child{border-bottom:none}.drill-role-position-label{display:inline-flex;align-items:center;padding:.15rem .5rem;background:var(--muted);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--muted-foreground);margin-bottom:.5rem}.drill-role-todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.drill-role-todo-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--foreground);line-height:1.4}.drill-role-todo-bullet{color:var(--primary);font-weight:700;flex-shrink:0}.drill-card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.drill-action-perform{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto}.drill-action-perform:hover:not(:disabled){filter:brightness(1.1)}.drill-action-perform:disabled{opacity:.5;cursor:not-allowed}.drill-action-perform svg{width:16px;height:16px}.drill-selector-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem 0}.drill-selector-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;min-height:auto;box-shadow:var(--shadow-sm)}.drill-selector-item:hover{border-color:var(--primary);background:var(--background);transform:translate(4px);box-shadow:var(--shadow-md)}.drill-selector-item:active{transform:translate(2px)}.drill-selector-item svg{width:20px;height:20px;color:var(--primary);flex-shrink:0;transition:transform .2s ease}.drill-selector-item:hover svg{transform:translate(4px)}.drill-selector-info{display:flex;flex-direction:column;gap:.375rem;flex:1}.drill-selector-title{font-size:1rem;font-weight:700;color:var(--foreground)}.drill-selector-freq{font-size:.8125rem;color:var(--muted-foreground);font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.drill-selector-freq:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-success);border-radius:50%}.drill-selector-empty{text-align:center;padding:3rem 2rem;color:var(--muted-foreground);font-size:.9375rem;background:var(--background);border-radius:var(--radius-lg);border:2px dashed var(--border)}.drill-selector-empty p{margin:0;font-weight:500}.drill-modal--large{max-width:900px;width:90%}.drill-perform-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-height:60vh;overflow:hidden}.drill-perform-column{display:flex;flex-direction:column;min-height:0;background:var(--background);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border)}.drill-perform-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.drill-perform-section-header svg{width:20px;height:20px;color:var(--primary)}.drill-perform-section-header h3{font-size:.9375rem;font-weight:700;color:var(--foreground);margin:0;flex:1}.drill-perform-count{padding:.2rem .5rem;background:var(--primary);color:var(--primary-foreground);border-radius:99px;font-size:.6875rem;font-weight:600}.drill-perform-info{margin-bottom:1rem;padding:.75rem 1rem;background:var(--background);border-radius:var(--radius-md)}.drill-perform-info p{margin:0;font-size:.875rem;color:var(--foreground)}.drill-perform-contents{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:calc(60vh - 100px);padding-right:.25rem}.drill-perform-content-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.drill-perform-content-item:hover{border-color:var(--primary)}.drill-perform-content-item.selected{background:#22c55e14;border-color:var(--color-success)}.drill-perform-content-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-success);flex-shrink:0}.drill-perform-content-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary);color:var(--primary-foreground);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.drill-perform-content-text{flex:1;font-size:.875rem;color:var(--foreground);line-height:1.4}.drill-perform-empty{text-align:center;padding:2rem;color:var(--muted-foreground)}.drill-perform-empty p{margin:0;font-size:.875rem}.drill-perform-empty p:first-child{color:var(--foreground);font-weight:500;margin-bottom:.5rem}.drill-perform-summary{display:flex;justify-content:flex-end;padding:.75rem 0;margin-top:1rem;border-top:1px solid var(--border);font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.drill-perform-roles{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(60vh - 100px);padding-right:.25rem}.drill-role-group{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.drill-role-header{display:flex;align-items:center;padding:.625rem .875rem;border-left:4px solid;background:#00000005;border-bottom:1px solid var(--border)}.drill-role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em}.drill-role-positions{display:flex;flex-direction:column}.drill-role-position{padding:.75rem .875rem;border-bottom:1px solid var(--border)}.drill-role-position:last-child{border-bottom:none}.drill-position-label{display:inline-flex;align-items:center;padding:.15rem .5rem;background:var(--muted);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--muted-foreground);margin-bottom:.5rem}.drill-todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.drill-todo-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--foreground);line-height:1.4}.drill-todo-bullet{color:var(--primary);font-weight:700;flex-shrink:0}.drills-timeline{display:flex;flex-direction:column;gap:1.5rem}.drills-timeline-group{display:flex;flex-direction:column;gap:0}.drills-timeline-date{font-size:.75rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.drills-timeline-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.5rem;transition:all var(--transition-fast)}.drills-timeline-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.drills-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.drills-timeline-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.drills-timeline-title{font-size:.875rem;font-weight:600;color:var(--foreground)}.drills-timeline-meta{font-size:.75rem;color:var(--muted-foreground)}.drills-timeline-badge{padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;background:#22c55e1f;color:var(--color-success);white-space:nowrap}.drills-history-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.375rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);width:fit-content}.drills-history-filter-btn{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:auto}.drills-history-filter-btn:hover{background:var(--accent);color:var(--foreground)}.drills-history-filter-btn.active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.drill-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:fadeIn .15s ease}.drill-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;animation:scaleIn .2s ease}.drill-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.drill-modal-header h2{font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0}.drill-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast);min-height:auto}.drill-modal-close:hover{background:var(--muted);color:var(--foreground)}.drill-modal-close svg{width:18px;height:18px}.drill-form-group{margin-bottom:1rem}.drill-form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--foreground);margin-bottom:.375rem}.drill-form-input{width:100%;padding:.5rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--foreground);transition:border-color var(--transition-fast);box-sizing:border-box}.drill-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1a2d4a1a}.drill-form-hint{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.drill-form-freq-options{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.drill-form-freq-btn{padding:.35rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast);min-height:auto}.drill-form-freq-btn:hover{border-color:var(--primary);color:var(--primary)}.drill-form-freq-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.drill-form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.drill-form-btn{flex:1;padding:.625rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto;border:none}.drill-form-btn--cancel{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.drill-form-btn--cancel:hover{background:var(--accent)}.drill-form-btn--submit{background:var(--primary);color:var(--primary-foreground)}.drill-form-btn--submit:hover:not(:disabled){filter:brightness(1.1)}.drill-form-btn--submit:disabled{opacity:.5;cursor:not-allowed}.drills-empty{text-align:center;padding:3rem 2rem;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-lg);grid-column:1 / -1}.drills-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;background:var(--muted);border-radius:50%;color:var(--muted-foreground)}.drills-empty-icon svg{width:24px;height:24px}.drills-empty p{color:var(--muted-foreground);font-size:.875rem;margin:0}.drills-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--muted-foreground);font-size:.875rem}.drill-instance-detail{display:flex;flex-direction:column;gap:1.5rem}.drill-instance-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--background);border-radius:var(--radius-lg)}.drill-instance-info-row{display:flex;align-items:center;gap:.75rem}.drill-instance-label{font-size:.8125rem;font-weight:600;color:var(--muted-foreground);min-width:100px}.drill-instance-value{font-size:.9375rem;color:var(--foreground);font-weight:500}.drill-instance-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#f59e0b1f;color:var(--color-warning);border-radius:99px;font-size:.8125rem;font-weight:600}.drill-instance-status.completed{background:#22c55e1f;color:var(--color-success)}.drill-instance-contents{display:flex;flex-direction:column;gap:.875rem}.drill-instance-contents-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0}.drill-instance-contents-list{display:flex;flex-direction:column;gap:.5rem}.drill-instance-content-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.drill-instance-content-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--primary);color:var(--primary-foreground);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.drill-instance-content-text{font-size:.9375rem;color:var(--foreground);line-height:1.4}.drills-timeline-actions{display:flex;align-items:center;gap:.5rem}.drills-timeline-complete-btn,.drills-timeline-edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:auto}.drills-timeline-complete-btn{background:#22c55e1f;color:var(--color-success)}.drills-timeline-complete-btn:hover{background:var(--color-success);color:#fff;transform:scale(1.1)}.drills-timeline-edit-btn{background:var(--muted);color:var(--muted-foreground)}.drills-timeline-edit-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.drills-timeline-complete-btn svg,.drills-timeline-edit-btn svg{width:16px;height:16px}.drills-timeline-dot.completed{background:var(--color-success)}.drills-timeline-badge.completed{background:#22c55e1f;color:var(--color-success)}.drills-timeline-info{cursor:pointer;flex:1}.drills-timeline-info:hover .drills-timeline-title{color:var(--primary)}@media(max-width:900px){.drill-modal--large{max-width:95%;width:95%}.drill-perform-container{grid-template-columns:1fr;max-height:70vh}.drill-perform-column{max-height:50vh}.drill-perform-contents,.drill-perform-roles{max-height:calc(50vh - 100px)}}@media(max-width:640px){.drills-tabs{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.drills-tabs-left{flex:1;min-width:0}.drills-tab{padding:.625rem .75rem;font-size:.8125rem}.drills-tab-action{padding:.5rem 1rem;font-size:.8125rem;margin:0;flex-shrink:0}.drills-tab-action svg{width:16px;height:16px}}@media(max-width:480px){.drills-tab-action{width:100%;justify-content:center;margin-top:.25rem}}@media(max-width:768px){.drills-header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.drills-summary-bar{grid-template-columns:1fr;padding:.75rem 1rem;gap:.5rem}.drills-summary-item{padding:.5rem .75rem}.drills-tabs{padding:0 1rem;overflow-x:auto}.drills-content{padding:1rem}.drills-grid{grid-template-columns:1fr}.drill-card{padding:1rem 1rem 1rem 1.25rem}.drill-card.expanded{grid-column:auto}.drill-contents-sub,.drill-roles-sub{margin:0 -1rem -.5rem -1.25rem;padding:.75rem 1rem .75rem 1.25rem}.drill-modal--large{max-width:100%}.drill-perform-contents{max-height:300px}.drills-history-filter{width:100%;overflow-x:auto;flex-wrap:nowrap}.drill-modal{max-width:100%;margin:0;border-radius:var(--radius-lg)}.drill-form-freq-options{gap:.375rem}.drill-perform-container{gap:1rem}.drill-perform-column{padding:.75rem}}@media(max-width:480px){.drills-summary-bar{gap:.375rem}.drills-summary-count{font-size:1.25rem}.drill-card-actions{flex-direction:column}.drill-action-icon{width:100%}.drill-contents-sub-header{flex-direction:column;gap:.375rem;align-items:flex-start}.drill-contents-sub-item{padding:.5rem}.drill-perform-content-item{padding:.625rem}.drill-role-group-header{padding:.5rem .75rem}.drill-role-position-card{padding:.625rem .75rem}.drill-role-position-label{font-size:.6875rem}.drill-role-todo-item{font-size:.75rem}}.yacht-docs-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.yacht-docs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.yacht-docs-header-info{display:flex;align-items:center;gap:12px}.yacht-docs-title{font-size:16px;font-weight:600;color:#111827;margin:0}.yacht-docs-critical-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#fee2e2;color:#dc2626}.yacht-docs-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.yacht-docs-add-btn:hover{background:#2563eb}.yacht-docs-body{padding:16px 20px}.yacht-docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.yacht-docs-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:yacht-docs-spin .8s linear infinite;margin-bottom:12px}@keyframes yacht-docs-spin{to{transform:rotate(360deg)}}.yacht-docs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;text-align:center}.yacht-docs-empty svg{margin-bottom:12px;opacity:.5}.yacht-docs-empty p{margin:0 0 16px;font-size:14px}.yacht-docs-empty-btn{padding:8px 16px;border-radius:8px;border:1px dashed #d1d5db;background:transparent;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.yacht-docs-empty-btn:hover{border-color:#3b82f6;color:#3b82f6}.yacht-docs-list{display:flex;flex-direction:column;gap:8px}.yacht-docs-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;border-left:4px solid transparent;transition:all .2s ease}.yacht-docs-item:hover{background:#f3f4f6}.yacht-docs-item.valid{border-left-color:#10b981}.yacht-docs-item.expiring{border-left-color:#f59e0b;background:#fffbeb}.yacht-docs-item.expired{border-left-color:#dc2626;background:#fef2f2}.yacht-docs-item.none{border-left-color:#9ca3af}.yacht-docs-item-icon{width:40px;height:40px;border-radius:8px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yacht-docs-item.expired .yacht-docs-item-icon{background:#fee2e2;color:#dc2626}.yacht-docs-item.expiring .yacht-docs-item-icon{background:#fef3c7;color:#d97706}.yacht-docs-item-info{flex:1;min-width:0}.yacht-docs-item-title{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yacht-docs-item-meta{display:flex;align-items:center;gap:6px;font-size:12px}.yacht-docs-expiry-status{font-weight:500}.yacht-docs-expiry-status.valid{color:#059669}.yacht-docs-expiry-status.expiring{color:#d97706}.yacht-docs-expiry-status.expired{color:#dc2626}.yacht-docs-expiry-date{color:#6b7280}.yacht-docs-no-expiry{color:#9ca3af;font-style:italic}.yacht-docs-item-actions{display:flex;gap:8px;flex-shrink:0}.yacht-docs-action-btn{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.yacht-docs-action-btn.download{background:#dbeafe;color:#2563eb}.yacht-docs-action-btn.download:hover{background:#bfdbfe}.yacht-docs-action-btn.delete{background:#fee2e2;color:#dc2626}.yacht-docs-action-btn.delete:hover{background:#fecaca}.task-card{cursor:pointer;width:100%}.task-card-wrapper{display:flex;flex-direction:column;width:100%}.approval-card-wrapper{display:flex;align-items:flex-start;gap:1rem}.approval-card-checkbox{padding-top:1rem}.approval-card-main{flex:1;min-width:0}.task-card-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.approval-card-wrapper{flex-direction:column}.approval-card-checkbox{padding-top:0}}.approval-detail-modal{display:flex;flex-direction:column;gap:1.5rem}.approval-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.approval-detail-type{display:flex;align-items:center;gap:.75rem}.approval-detail-type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft, #e0f2fe);border-radius:12px;color:var(--primary, #0ea5e9)}.approval-detail-type-label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.approval-detail-content{padding:.5rem 0}.approval-detail-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 .5rem}.approval-detail-description{font-size:1rem;color:var(--text-secondary, #64748b);line-height:1.6;margin:0}.approval-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:12px}.approval-detail-item{display:flex;align-items:flex-start;gap:.75rem}.approval-detail-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #ffffff);border-radius:8px;color:var(--text-secondary, #64748b);flex-shrink:0}.approval-detail-item-content{display:flex;flex-direction:column;gap:.125rem}.approval-detail-item-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.approval-detail-item-value{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1e293b)}.approval-detail-note{padding:1rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border-radius:12px;border-left:4px solid #f59e0b}.approval-detail-note-title{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.approval-detail-note-content{font-size:.9375rem;color:#78350f;margin:0;line-height:1.5}.approval-detail-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}@media(max-width:640px){.approval-detail-grid{grid-template-columns:1fr}.approval-detail-actions{flex-direction:column}.approval-detail-actions button{width:100%}}.approval-list{display:flex;flex-direction:column;gap:2rem}.approval-section{display:flex;flex-direction:column;gap:1rem}.approval-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.approval-section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.approval-section-content{display:flex;flex-direction:column;gap:1rem}.approval-empty{display:flex;align-items:center;justify-content:center;padding:3rem 0;color:#6b7280;text-align:center}@media(max-width:768px){.approval-section-header{flex-direction:column;align-items:flex-start}}.yacht-card-premium{display:block;background:#1a1a1a;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.05);max-width:450px;margin:0 auto}.yacht-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.yacht-card-image-container{position:relative;height:240px;width:100%}.yacht-card-img{width:100%;height:100%;object-fit:cover;border-bottom:2px solid rgba(255,255,255,.1)}.yacht-card-overlay-icons{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:.75rem;background:#0006;backdrop-filter:blur(8px)}.icon-badge{font-size:1.25rem;opacity:.8;transition:opacity .2s;cursor:pointer}.icon-badge:hover{opacity:1;transform:scale(1.1)}.yacht-card-body{padding:1.5rem}.yacht-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.yacht-card-name{font-size:1.5rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.5px}.emergency-badge{display:flex;flex-direction:column;align-items:flex-end}.emergency-number{background:#f3f4f6;color:#111;padding:.4rem 1rem;border-radius:2rem;font-weight:700;font-size:.9rem}.emergency-label{font-size:.65rem;color:#9ca3af;margin-top:.25rem;text-transform:lowercase}.yacht-info-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.1)}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{color:#9ca3af;font-weight:600;font-size:.9rem}.info-value{color:#e5e7eb;font-size:.9rem;text-align:right}@media(max-width:640px){.yacht-card-premium{max-width:100%}}.maintenance-list{width:100%}.maintenance-list-grid{display:flex;flex-direction:column;gap:1rem}.maintenance-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:1rem;color:#6b7280}.maintenance-list-empty{display:flex;align-items:center;justify-content:center;padding:3rem 0;color:#6b7280;text-align:center}.maintenance-form{display:flex;flex-direction:column;gap:1.5rem}.maintenance-form-details{padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.form-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.form-actions{flex-direction:column}.form-actions button{width:100%}}.maintenance-detail{width:100%}.maintenance-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.maintenance-detail-header>div{display:flex;flex-direction:column;gap:.5rem}.maintenance-detail-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.maintenance-detail-section{margin-bottom:1.5rem}.maintenance-detail-section:last-of-type{margin-bottom:0}.maintenance-detail-section-title{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .75rem}.maintenance-detail-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.maintenance-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.maintenance-detail-grid-item{display:flex;flex-direction:column;gap:.25rem}.maintenance-detail-label{font-size:.875rem;color:#6b7280}.maintenance-detail-value{font-size:.875rem;font-weight:500;color:#111827}.maintenance-detail-crew{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;width:fit-content}.maintenance-detail-crew-info{display:flex;flex-direction:column;gap:.125rem}.maintenance-detail-crew-name{font-size:.875rem;font-weight:500;color:#111827}.maintenance-detail-crew-role{font-size:.75rem;color:#6b7280}.maintenance-detail-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}@media(max-width:768px){.maintenance-detail-header{flex-direction:column}.maintenance-detail-grid{grid-template-columns:1fr}.maintenance-detail-actions{flex-direction:column}.maintenance-detail-actions button{width:100%}}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.template-card:hover{box-shadow:0 4px 6px #0000001a}.template-card.overdue{border-color:#ef4444;background:#fef2f2}.template-card.urgent{border-color:#f59e0b;background:#fffbeb}.template-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.template-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.template-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.template-description{color:#6b7280;font-size:.875rem;margin:0;margin-top:.5rem}.template-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-row-highlight{background:#f9fafb;padding:.75rem;border-radius:6px;margin-top:.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item-full{grid-column:1 / -1}.info-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.info-value{font-size:.875rem;color:#111827;font-weight:500}.overdue-date{color:#dc2626;font-weight:600}.urgent-date{color:#d97706;font-weight:600}.template-tasks{margin-bottom:1.25rem;padding:1rem;background:#f9fafb;border-radius:6px}.template-tasks-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.template-tasks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.template-task-item{font-size:.875rem;color:#4b5563;padding-left:1.25rem;position:relative}.template-task-item:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.template-actions{display:flex;gap:.75rem;justify-content:flex-end}.template-action-btn{flex:0 1 auto}@media(max-width:640px){.template-card{padding:1rem}.info-row{grid-template-columns:1fr;gap:.75rem}.template-actions{flex-direction:column}.template-action-btn{width:100%}}.template-list{display:flex;flex-direction:column;gap:2rem}.template-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.template-list-loading p{color:#6b7280;font-size:.875rem}.template-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.template-list-empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.template-list-empty h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.template-list-empty p{color:#6b7280;font-size:.875rem;margin:0}.template-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-overdue{border-left:4px solid #ef4444}.stat-overdue .stat-value{color:#dc2626}.stat-urgent{border-left:4px solid #f59e0b}.stat-urgent .stat-value{color:#d97706}.stat-upcoming{border-left:4px solid #3b82f6}.stat-upcoming .stat-value{color:#2563eb}.stat-total{border-left:4px solid #10b981}.stat-total .stat-value{color:#059669}.template-section{display:flex;flex-direction:column;gap:1rem}.template-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.overdue-title{color:#dc2626;border-bottom-color:#fecaca}.urgent-title{color:#d97706;border-bottom-color:#fed7aa}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}@media(max-width:1024px){.template-list-stats{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:640px){.template-list-stats,.template-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between}}.maintenance-detail-modal-overlay{position:fixed;inset:0;background:#001428b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.maintenance-detail-modal{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.maintenance-detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,#f59e0b14,#ea580c0d)}.maintenance-detail-modal-title-row{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.maintenance-detail-modal-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.maintenance-detail-modal-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;flex:1;min-width:150px}.maintenance-detail-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;flex-shrink:0}.maintenance-detail-modal-close:hover{background:#0000001a;color:#1e293b}.maintenance-detail-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.maintenance-detail-modal-section{margin-bottom:1.5rem}.maintenance-detail-modal-section:last-child{margin-bottom:0}.maintenance-detail-modal-section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.maintenance-detail-modal-description{font-size:.9375rem;color:#475569;line-height:1.6;margin:0;padding:1rem;background:#00000005;border-radius:10px;border-left:3px solid #f59e0b}.maintenance-detail-modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.maintenance-detail-modal-info-item{background:#00000005;padding:.875rem;border-radius:10px;display:flex;flex-direction:column;gap:.25rem}.maintenance-detail-modal-info-label{font-size:.75rem;color:#94a3b8;font-weight:500}.maintenance-detail-modal-info-value{font-size:.875rem;color:#1e293b;font-weight:600}.maintenance-detail-modal-info-value.highlight{color:#f59e0b}.maintenance-detail-modal-info-value.elapsed{color:#ea580c}.maintenance-detail-modal-person{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:#00000005;border-radius:10px}.maintenance-detail-modal-person-info{display:flex;flex-direction:column;gap:.125rem}.maintenance-detail-modal-person-name{font-size:.9375rem;font-weight:600;color:#1e293b}.maintenance-detail-modal-person-role{font-size:.8125rem;color:#64748b}.maintenance-detail-modal-empty{font-size:.875rem;color:#94a3b8;font-style:italic;margin:0}.maintenance-detail-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);background:#f8fafc80}.maintenance-detail-modal-btn{flex:1;padding:.875rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;border:none}.maintenance-detail-modal-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.maintenance-detail-modal-btn.approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.maintenance-detail-modal-btn.complete{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.maintenance-detail-modal-btn.complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.maintenance-detail-modal-btn.secondary{background:#0000000d;color:#64748b}.maintenance-detail-modal-btn.secondary:hover{background:#0000001a;color:#1e293b}.maintenance-detail-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.maintenance-detail-modal{max-height:95vh;border-radius:1rem 1rem 0 0;margin-top:auto}.maintenance-detail-modal-header{padding:1.25rem 1rem 1rem}.maintenance-detail-modal-body{padding:1rem}.maintenance-detail-modal-footer{flex-direction:column;padding:1rem}.maintenance-detail-modal-info-grid{grid-template-columns:1fr 1fr}}.maintenance-page{min-height:100vh;background:var(--background);transition:background-color .3s ease}.maintenance-header{padding:1.5rem 2rem;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.maintenance-header h1{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.02em}.maintenance-page-tabs{display:flex;gap:.5rem;padding:0 1rem;background:var(--card);border-bottom:1px solid var(--border)}.maintenance-page-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:auto}.maintenance-page-tab:hover{color:var(--foreground)}.maintenance-page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.maintenance-page-tab svg{width:18px;height:18px}.maintenance-badge-pending{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 5px;background:var(--destructive);color:var(--destructive-foreground);border-radius:99px;font-size:.7rem;font-weight:700}.maintenance-content{padding:2rem;max-width:1400px;margin:0 auto}.maintenance-section-header{margin-bottom:1.5rem}.maintenance-section-header h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.maintenance-section-header p{color:var(--muted-foreground);font-size:.875rem;margin:0}.maintenance-date-filter{padding:1rem 2rem;background:var(--card);border-bottom:1px solid var(--border)}.maintenance-date-filter .date-range-picker{max-width:500px}.maintenance-date-filter .date-range-picker-label{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.maintenance-date-filter .date-range-picker-inputs{display:flex;align-items:flex-end;gap:.75rem}.maintenance-date-filter .date-range-picker-field{flex:1}.maintenance-date-filter .date-range-picker-field-label{font-size:.75rem;color:var(--muted-foreground);margin-bottom:.25rem;display:block}.maintenance-date-filter .date-range-picker-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font-size:.875rem}.maintenance-date-filter .date-range-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.maintenance-date-filter .date-range-picker-separator{color:var(--muted-foreground);font-size:.875rem;padding-bottom:.5rem}.maintenance-date-filter .date-range-picker-clear{padding:.5rem .75rem;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;font-size:.875rem;transition:all .2s}.maintenance-date-filter .date-range-picker-clear:hover{background:var(--destructive);color:var(--destructive-foreground)}@media(max-width:768px){.maintenance-date-filter{padding:1rem}.maintenance-date-filter .date-range-picker-inputs{flex-wrap:wrap}.maintenance-date-filter .date-range-picker-field{flex:1 1 calc(50% - .5rem);min-width:120px}.maintenance-date-filter .date-range-picker-separator{display:none}.maintenance-date-filter .date-range-picker-clear{flex:1 1 100%;margin-top:.5rem}}.maintenance-status-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:fit-content}.maintenance-status-filter{padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.maintenance-status-filter:hover{background:var(--accent);color:var(--foreground)}.maintenance-status-filter.active{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);font-weight:600}.maintenance-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.maintenance-list .swipeable-card-container{height:100%;border-radius:var(--radius-lg)!important}.maintenance-list .swipeable-card-content{height:100%;display:flex;flex-direction:column;background:transparent!important}.maintenance-list .swipeable-card-content>*{flex:1}.maintenance-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.maintenance-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);transition:background-color .3s ease}.maintenance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.maintenance-card:hover:before{background:var(--primary)}.maintenance-card.pending:before{background:var(--color-warning)}.maintenance-card.approved:before{background:var(--color-success)}.maintenance-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.maintenance-card-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.maintenance-card-status{padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;align-self:flex-start}.maintenance-card-status--gray{background:#f3f4f6;color:#374151}.maintenance-card-status--blue{background:#dbeafe;color:#1d4ed8}.maintenance-card-status--green{background:#dcfce7;color:#15803d}.maintenance-card-status--orange{background:#ffedd5;color:#c2410c}.maintenance-card-status--purple{background:#f3e8ff;color:#7e22ce}.maintenance-card-description{font-size:.8rem;color:var(--muted-foreground);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.maintenance-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto}.maintenance-card-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted-foreground);font-weight:500}.maintenance-card-meta-item svg{width:14px;height:14px;color:var(--primary);opacity:.8}.maintenance-card-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.maintenance-card-action-btn,.maintenance-card-approve-btn,.maintenance-card-complete-btn,.maintenance-card-start-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000001a;color:#fff}.maintenance-card-action-btn{background:#2563eb}.maintenance-card-approve-btn{background:var(--color-success);color:var(--color-success-foreground)}.maintenance-card-complete-btn{background:var(--status-blue)}.maintenance-card-start-btn{background:#f97316}.maintenance-card-action-btn:hover:not(:disabled),.maintenance-card-approve-btn:hover:not(:disabled),.maintenance-card-complete-btn:hover:not(:disabled),.maintenance-card-start-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.maintenance-card-action-btn:disabled,.maintenance-card-approve-btn:disabled,.maintenance-card-complete-btn:disabled,.maintenance-card-start-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.maintenance-card-action-btn svg,.maintenance-card-approve-btn svg,.maintenance-card-complete-btn svg,.maintenance-card-start-btn svg{width:14px;height:14px}.maintenance-empty,.maintenance-loading{text-align:center;padding:3rem 1.5rem;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--muted-foreground);grid-column:1 / -1}.maintenance-empty p{font-size:.9rem;margin:0}@media(max-width:1200px){.maintenance-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.maintenance-header{padding:1rem}.maintenance-page-tabs{padding:0 .5rem;overflow-x:auto}.maintenance-content{padding:1rem}.maintenance-list{grid-template-columns:1fr}.maintenance-status-filters{width:100%;overflow-x:auto}}.machine-card{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f8f9fa;--surface3: #eef0f3;--border: #e2e5ea;--border2: #cdd1d8;--text: #111827;--text2: #374151;--muted: #6b7280;--muted2: #9ca3af;--accent: #2563eb;--accent-bg: rgba(37,99,235,.07);--accent-bd: rgba(37,99,235,.22);--crit: #dc2626;--crit-bg: rgba(220,38,38,.06);--crit-bd: rgba(220,38,38,.2);--warn: #d97706;--warn-bg: rgba(217,119,6,.06);--warn-bd: rgba(217,119,6,.2);--safe: #16a34a;--safe-bg: rgba(22,163,74,.06);--safe-bd: rgba(22,163,74,.2)}.machine-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:border-color .15s}.machine-card:hover{border-color:var(--accent-bd)}.mc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mc-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-icon svg{width:18px;height:18px}.mc-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-type{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);font-weight:600;margin-top:2px}.mc-arrow{margin-left:auto;color:var(--muted2);display:flex;align-items:center}.mc-hours{display:flex;align-items:baseline;justify-content:space-between;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:7px 11px;margin-bottom:10px}.mc-hours-val{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.mc-hours-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2)}.mc-badges{display:flex;gap:6px;margin-bottom:10px}.mc-badge{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;flex:1;font-size:11px;font-weight:600;border:1px solid var(--border);color:var(--muted2)}.mc-badge.crit{background:var(--crit-bg);border-color:var(--crit-bd);color:var(--crit)}.mc-badge.warn{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn)}.mc-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.mc-badge-count{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.mc-footer{padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--muted2)}.machines-root{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f8f9fa;--surface3: #eef0f3;--border: #e2e5ea;--border2: #cdd1d8;--text: #111827;--text2: #374151;--muted: #6b7280;--muted2: #9ca3af;--accent: #2563eb;--accent-bg: rgba(37,99,235,.07);--accent-bd: rgba(37,99,235,.22);--crit: #dc2626;--crit-bg: rgba(220,38,38,.06);--crit-bd: rgba(220,38,38,.2);--warn: #d97706;--warn-bg: rgba(217,119,6,.06);--warn-bd: rgba(217,119,6,.2);--safe: #16a34a;--safe-bg: rgba(22,163,74,.06);--safe-bd: rgba(22,163,74,.2);font-family:Inter,system-ui,sans-serif;font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.summary-strip{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.scard{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px 16px;min-width:120px}.scard.crit{border-left:3px solid var(--crit)}.scard.warn{border-left:3px solid var(--warn)}.scard-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);margin-bottom:5px}.scard-val{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.scard.crit .scard-val{color:var(--crit)}.scard.warn .scard-val{color:var(--warn)}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 12px;margin-bottom:16px;max-width:360px}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap svg{color:var(--muted2);flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text);font-family:inherit}.search-input::placeholder{color:var(--muted2)}.machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}@media(max-width:768px){.page{padding:14px}.machine-grid{grid-template-columns:1fr}}.yacht-layout{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100%}.yacht-header{background:linear-gradient(135deg,var(--yacht-navy) 0%,#1e3a8a 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md)}.yacht-header-content{display:flex;align-items:center;gap:var(--spacing-md)}.yacht-header-icon{width:48px;height:48px;background-color:#d4af3726;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--yacht-gold)}.yacht-header-icon svg{width:28px;height:28px}.yacht-header-info{flex:1}.yacht-header-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0;margin-bottom:var(--spacing-xs)}.yacht-header-subtitle{font-size:.95rem;color:#fffc;margin:0}.yacht-content{flex:1}.yacht-layout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--yacht-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.yacht-layout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.yacht-layout-error h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.yacht-layout-error p{font-size:1rem;margin:0}@media(max-width:768px){.yacht-header{padding:var(--spacing-md)}.yacht-header-title{font-size:1.5rem}.yacht-header-subtitle{font-size:.875rem}.yacht-header-icon{width:40px;height:40px}.yacht-header-icon svg{width:24px;height:24px}}.machine-hour-modal-overlay{position:fixed;inset:0;background:#0a16288c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:mh-fade-in .18s ease-out}.machine-hour-modal{position:relative;width:100%;max-width:460px;background:var(--card, #ffffff);border:1px solid var(--border, #e5e5e5);border-radius:var(--radius-xl, 1rem);box-shadow:0 24px 60px -12px #0a162859,0 0 0 1px #ffffff0a inset;display:flex;flex-direction:column;overflow:hidden;animation:mh-pop-in .22s cubic-bezier(.16,1,.3,1)}.machine-hour-modal-header{position:relative;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--yacht-navy, #0a1628) 0%,var(--yacht-navy-light, #1a2d4a) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.machine-hour-modal-header:before{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;background:radial-gradient(circle,rgba(212,175,55,.25) 0%,transparent 65%);pointer-events:none}.machine-hour-modal-header h3{position:relative;margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:.625rem}.machine-hour-modal-header h3:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yacht-gold, #d4af37);box-shadow:0 0 12px #d4af37cc}.machine-hour-modal-close{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .18s ease}.machine-hour-modal-close:hover{background:#ef4444e6;border-color:#ef4444e6;color:#fff;transform:rotate(90deg)}.machine-hour-modal-close svg{width:16px;height:16px}.machine-hour-modal-content{padding:1.5rem 1.5rem 1.75rem}.machine-hour-modal-desc{margin:0 0 1.25rem;color:var(--muted-foreground, #6b7280);font-size:.9rem;line-height:1.55}.machine-hour-current-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.machine-hour-current-stats .stat-box{flex:1;position:relative;padding:1.1rem 1.25rem;border-radius:var(--radius-lg, .75rem);background:linear-gradient(135deg,#1a2d4a0a,#d4af370f);border:1px solid var(--border, #e5e5e5);display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.machine-hour-current-stats .stat-box:before{content:"⏱";position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:2.25rem;opacity:.12;color:var(--yacht-navy, #0a1628)}.machine-hour-current-stats .stat-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground, #6b7280)}.machine-hour-current-stats .stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--foreground, #0a0a0a);font-variant-numeric:tabular-nums;line-height:1.1}.machine-hour-current-stats .stat-value:after{content:" sa";font-size:.8rem;font-weight:500;color:var(--muted-foreground, #6b7280);letter-spacing:0;margin-left:.25rem}.machine-hour-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem}.machine-hour-form-group label{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--foreground, #0a0a0a)}.machine-hour-form-group input{appearance:none;-webkit-appearance:none;width:100%;padding:.95rem 1.1rem;border:1.5px solid var(--border, #e5e5e5);border-radius:var(--radius-md, .5rem);background:var(--card, #ffffff);color:var(--foreground, #0a0a0a);font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.machine-hour-form-group input::-webkit-outer-spin-button,.machine-hour-form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.machine-hour-form-group input[type=number]{-moz-appearance:textfield}.machine-hour-form-group input::placeholder{color:var(--muted-foreground, #9ca3af);font-weight:500;opacity:.7}.machine-hour-form-group input:hover{border-color:var(--yacht-navy-light, #1a2d4a)}.machine-hour-form-group input:focus{outline:none;border-color:var(--yacht-gold, #d4af37);box-shadow:0 0 0 4px #d4af372e}.machine-hour-form-group input.error{border-color:var(--color-error, #ef4444);background-color:#ef444408}.machine-hour-form-group input.error:focus{box-shadow:0 0 0 4px #ef44442e}.machine-hour-error-msg{color:var(--color-error, #ef4444);font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.4rem;animation:mh-shake .28s ease-out}.machine-hour-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-error, #ef4444);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.machine-hour-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem;border-top:1px solid var(--border, #e5e5e5);margin-top:.5rem;padding-top:1.25rem}.machine-hour-btn-cancel,.machine-hour-btn-submit{padding:.7rem 1.4rem;border-radius:var(--radius-md, .5rem);font-size:.92rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease;min-width:110px}.machine-hour-btn-cancel{background:transparent;border:1.5px solid var(--border, #e5e5e5);color:var(--muted-foreground, #6b7280)}.machine-hour-btn-cancel:hover:not(:disabled){background:var(--secondary, #f5f5f5);color:var(--foreground, #0a0a0a);border-color:var(--color-border-gray-300, #d1d5db)}.machine-hour-btn-submit{position:relative;background:linear-gradient(135deg,var(--yacht-navy, #0a1628) 0%,var(--yacht-navy-light, #1a2d4a) 100%);border:1.5px solid var(--yacht-navy, #0a1628);color:#fff;box-shadow:0 4px 14px -4px #0a162873;overflow:hidden}.machine-hour-btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--yacht-gold, #d4af37) 0%,var(--yacht-gold-light, #e5c666) 100%);opacity:0;transition:opacity .2s ease}.machine-hour-btn-submit>*{position:relative}.machine-hour-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px -4px #0a16288c}.machine-hour-btn-submit:active:not(:disabled){transform:translateY(0)}.machine-hour-btn-cancel:disabled,.machine-hour-btn-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes mh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mh-pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mh-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:520px){.machine-hour-modal{max-width:100%}.machine-hour-modal-content{padding:1.25rem}.machine-hour-modal-actions{flex-direction:column-reverse}.machine-hour-btn-cancel,.machine-hour-btn-submit{width:100%}}.machine-docs-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.machine-docs-modal{background:var(--card, #ffffff);border-radius:16px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.machine-docs-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border, #e5e7eb)}.machine-docs-header-info{display:flex;align-items:center;gap:12px}.machine-docs-icon{width:40px;height:40px;border-radius:10px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center}.machine-docs-title{font-size:18px;font-weight:600;color:var(--foreground, #111827);margin:0}.machine-docs-subtitle{font-size:13px;color:var(--muted-foreground, #6b7280);margin:4px 0 0}.machine-docs-close{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:var(--muted-foreground, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.machine-docs-close:hover{background:var(--border, #e5e7eb);color:var(--foreground, #374151)}.machine-docs-body{flex:1;overflow-y:auto;padding:16px 24px}.machine-docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted-foreground, #6b7280)}.machine-docs-spinner{width:32px;height:32px;border:3px solid var(--border, #e5e7eb);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:machine-docs-spin .8s linear infinite;margin-bottom:12px}@keyframes machine-docs-spin{to{transform:rotate(360deg)}}.machine-docs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted-foreground, #9ca3af);text-align:center}.machine-docs-empty svg{margin-bottom:12px;opacity:.5}.machine-docs-empty p{margin:0;font-size:14px}.machine-docs-list{display:flex;flex-direction:column;gap:8px}.machine-docs-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.machine-docs-item:hover{background:var(--border, #f3f4f6)}.machine-docs-item-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.machine-docs-item-icon.pdf{background:#fee2e2;color:#dc2626}.machine-docs-item-icon.doc{background:#dbeafe;color:#2563eb}.machine-docs-item-icon.image{background:#d1fae5;color:#059669}.machine-docs-item-icon.file{background:#f3f4f6;color:var(--muted-foreground, #6b7280)}.machine-docs-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.machine-docs-item-title{font-size:14px;font-weight:500;color:var(--foreground, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-docs-item-meta{font-size:12px;color:var(--muted-foreground, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-docs-item-download{width:36px;height:36px;border-radius:8px;border:none;background:#dbeafe;color:#2563eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.machine-docs-item-download:hover{background:#bfdbfe}.machine-docs-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.machine-docs-item-delete{width:36px;height:36px;border-radius:8px;border:none;background:#fee2e2;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.machine-docs-item-delete:hover:not(:disabled){background:#fca5a5}.machine-docs-item-delete:disabled{opacity:.6;cursor:not-allowed}.machine-docs-delete-spinner{width:16px;height:16px;border:2px solid #fca5a5;border-top-color:#dc2626;border-radius:50%;animation:machine-docs-spin .8s linear infinite}.machine-docs-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border, #e5e7eb)}.machine-docs-count{font-size:13px;color:var(--muted-foreground, #6b7280)}.machine-docs-close-btn{padding:8px 20px;border-radius:8px;border:none;background:#f3f4f6;color:var(--foreground, #374151);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.machine-docs-close-btn:hover{background:var(--border, #e5e7eb)}.machine-detail-root{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f8f9fa;--surface3: #eef0f3;--border: #e2e5ea;--border2: #cdd1d8;--text: #111827;--text2: #374151;--muted: #6b7280;--muted2: #9ca3af;--accent: #2563eb;--accent-bg: rgba(37,99,235,.07);--accent-bd: rgba(37,99,235,.22);--crit: #dc2626;--crit-bg: rgba(220,38,38,.06);--crit-bd: rgba(220,38,38,.2);--warn: #d97706;--warn-bg: rgba(217,119,6,.06);--warn-bd: rgba(217,119,6,.2);--safe: #16a34a;--safe-bg: rgba(22,163,74,.06);--safe-bd: rgba(22,163,74,.2);font-family:Inter,system-ui,sans-serif;font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--muted);margin-top:3px}.hdr-actions{display:flex;gap:8px;align-items:center}.btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:99px;background:var(--crit);color:#fff;font-size:9px;font-weight:700;padding:0 4px;margin-left:2px}.stats-row{display:flex;gap:8px;margin-bottom:16px}.stat-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.stat-val{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.stat-val.crit{color:var(--crit)}.stat-val.warn{color:var(--warn)}.stat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2);margin-top:2px}.specs-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.spec-cell{padding:10px 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.spec-cell:nth-child(4n){border-right:none}.spec-cell:nth-last-child(-n+4){border-bottom:none}.spec-key{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2);margin-bottom:3px}.spec-val{font-size:13px;font-weight:600;color:var(--text)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:0}.tab{display:flex;align-items:center;gap:5px;padding:9px 16px;font-size:12px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;margin-bottom:-1px;transition:color .12s}.tab:hover{color:var(--text2)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab svg{width:13px;height:13px}.tab-badge{padding:1px 5px;border-radius:99px;font-size:10px;font-weight:700;background:var(--crit-bg);color:var(--crit);border:1px solid var(--crit-bd)}.parts-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.parts-table{width:100%;border-collapse:collapse}.parts-table thead th{background:var(--surface2);border-bottom:1px solid var(--border2);padding:7px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);white-space:nowrap;text-align:left}.parts-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.parts-table tbody tr:nth-child(2n){background:var(--surface2)}.parts-table tbody tr:hover{background:var(--accent-bg)}.parts-table tbody tr:last-child{border-bottom:none}.parts-table td{padding:9px 12px;vertical-align:middle}.td-stripe{width:3px;padding:0!important}.stripe{width:3px;min-height:36px;display:block}.stripe.crit{background:var(--crit)}.stripe.warn{background:var(--warn)}.stripe.safe{background:transparent}.part-name-cell .name{font-size:12px;font-weight:600;color:var(--text)}.part-name-cell .freq{font-size:10px;color:var(--muted2);margin-top:1px}.prog-wrap{display:flex;align-items:center;gap:6px}.prog-bar{flex:1;height:4px;background:var(--surface3);border-radius:2px;overflow:hidden;min-width:80px}.prog-fill{height:100%;border-radius:2px}.prog-fill.safe{background:var(--safe)}.prog-fill.warning{background:var(--warn)}.prog-fill.critical{background:var(--crit)}.prog-pct{font-size:11px;font-weight:700;width:34px;text-align:right;font-variant-numeric:tabular-nums}.prog-pct.safe{color:var(--muted)}.prog-pct.warning{color:var(--warn)}.prog-pct.critical{color:var(--crit)}.num-cell{font-size:11px;font-variant-numeric:tabular-nums}.num-current{color:var(--muted2)}.num-remaining{font-weight:600;margin-top:1px}.num-remaining.safe{color:var(--muted)}.num-remaining.warning{color:var(--warn)}.num-remaining.critical{color:var(--crit)}.chg-date{font-size:11px;color:var(--text2);font-variant-numeric:tabular-nums}.chg-by{font-size:10px;color:var(--muted2);margin-top:1px}.row-arrow{color:var(--muted2);display:flex;align-items:center}.parts-empty{padding:40px;text-align:center;color:var(--muted2);font-size:13px}@media(max-width:768px){.page{padding:14px}.specs-grid{grid-template-columns:repeat(2,1fr)}.stats-row{flex-wrap:wrap}}.yacht-tasks-page{display:flex;flex-direction:column;gap:1.5rem}.yacht-tasks-header{display:flex;justify-content:flex-end;align-items:center}.yacht-tasks-templates{background:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.75rem;overflow:hidden}.yacht-tasks-templates-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease}.yacht-tasks-templates-toggle:hover{background-color:var(--muted, #f9fafb)}.yacht-tasks-templates-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary, #111827)}.yacht-tasks-templates-title svg{color:var(--primary, #3b82f6)}.yacht-tasks-templates-badge{font-size:.75rem;font-weight:500;color:var(--muted-foreground, #6b7280);background:var(--muted, #f3f4f6);padding:.125rem .5rem;border-radius:9999px;margin-left:.25rem}.yacht-tasks-templates-chevron{color:var(--muted-foreground, #6b7280);transition:transform .2s ease}.yacht-tasks-templates-chevron.open{transform:rotate(180deg)}.yacht-tasks-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.75rem 1rem 1rem}.yacht-tasks-section{display:flex;flex-direction:column;gap:1rem}.yacht-tasks-section-header{display:flex;align-items:center;justify-content:space-between}.yacht-tasks-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.yacht-tasks-section-count{font-size:.8125rem;font-weight:500;color:var(--muted-foreground, #6b7280);background:var(--muted, #f3f4f6);padding:.125rem .5rem;border-radius:9999px}.yacht-tasks-empty{text-align:center;padding:3rem 1.5rem;color:var(--muted-foreground, #6b7280);background:var(--bg-secondary, #f9fafb);border-radius:.75rem}.yacht-tasks-empty p{margin:0}.yacht-tasks-empty-hint{font-size:.875rem;margin-top:.5rem!important;opacity:.8}.yacht-tasks-empty-filtered{text-align:center;padding:2rem;color:var(--muted-foreground, #6b7280);font-size:.9375rem}@media(max-width:768px){.yacht-tasks-page{gap:1rem}.yacht-tasks-header{padding:0 .5rem}.yacht-tasks-templates-grid{display:flex;overflow-x:auto;gap:.625rem;padding:.625rem .875rem .875rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.yacht-tasks-templates-grid::-webkit-scrollbar{display:none}.yacht-tasks-templates-grid>*{flex:0 0 140px;scroll-snap-align:start}.yacht-tasks-section-title{font-size:1rem}.yacht-tasks-empty{padding:2rem 1rem}}@media(max-width:480px){.yacht-tasks-templates-grid>*{flex:0 0 120px}}.maintenance-page{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.maintenance-header{margin-bottom:.5rem}.maintenance-title{font-size:1.875rem;font-weight:700;color:var(--foreground, #111827);margin:0 0 .5rem}.maintenance-subtitle{font-size:.875rem;color:var(--muted-foreground, #6b7280);margin:0}.maintenance-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border, #e5e7eb);margin-bottom:1.5rem}.maintenance-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.maintenance-tab svg{width:1.25rem;height:1.25rem}.maintenance-tab:hover{color:var(--foreground, #111827);background:var(--muted, #f9fafb)}.maintenance-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:transparent}.maintenance-content{flex:1}.maintenance-history-section{display:flex;flex-direction:column;gap:1rem;width:100%}.maintenance-filter-bar{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--muted, #f9fafb);border-radius:8px;border:1px solid var(--border, #e5e7eb);width:100%;box-sizing:border-box;visibility:visible;opacity:1}.maintenance-filter-group{display:flex;align-items:center;gap:8px}.maintenance-filter-group label{font-size:.75rem;font-weight:600;color:var(--muted-foreground, #6b7280);white-space:nowrap}.maintenance-date-input{padding:6px 10px;font-size:.8125rem;font-weight:500;color:var(--foreground, #111827);background:var(--background, #ffffff);border:1px solid var(--border, #d1d5db);border-radius:6px;font-family:inherit;cursor:pointer;transition:border-color .15s ease}.maintenance-date-input:hover,.maintenance-date-input:focus{border-color:#2563eb;outline:none}.maintenance-filter-btn{padding:6px 12px;font-size:.75rem;font-weight:600;color:var(--muted-foreground, #6b7280);background:var(--background, #ffffff);border:1px solid var(--border, #d1d5db);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.maintenance-filter-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.assigned-maintenance-placeholder{padding:3rem;text-align:center;background:var(--muted, #f9fafb);border-radius:8px;border:1px dashed var(--border, #d1d5db)}.assigned-maintenance-placeholder p{color:var(--muted-foreground, #6b7280);margin:0}@media(max-width:640px){.maintenance-page{padding:.5rem}.maintenance-title{font-size:1.5rem}.maintenance-tabs{overflow-x:auto}.maintenance-tab{padding:.5rem 1rem;font-size:.8125rem;white-space:nowrap}.maintenance-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.maintenance-filter-group{justify-content:space-between}.maintenance-date-input{flex:1;max-width:150px}.maintenance-filter-btn{width:100%}}:root{--ocean-primary: #0f172a;--ocean-secondary: #334155;--ocean-accent: #3b82f6;--ocean-surface: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--glass-blur: blur(12px);--status-success-bg: #ecfdf5;--status-success-text: #059669;--status-warning-bg: #fffbeb;--status-warning-text: #d97706;--status-error-bg: #fef2f2;--status-error-text: #dc2626;--status-info-bg: #eff6ff;--status-info-text: #2563eb;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--dashboard-padding: 2rem;--card-padding: 1.5rem}.crew-dashboard,.captain-dashboard,.manager-dashboard{padding:var(--dashboard-padding);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--ocean-surface);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.05) 0px,transparent 50%);color:var(--ocean-primary);font-family:var(--font-body)}.dashboard-section{background:transparent;padding:0;margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:700;color:var(--ocean-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.filter-tabs{display:inline-flex;background:var(--glass-bg);backdrop-filter:var(--glass-blur);padding:4px;border-radius:12px;border:1px solid var(--glass-border);gap:4px;margin-bottom:1.5rem}.filter-tab{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;color:var(--ocean-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-tab:hover{color:var(--ocean-primary);background:#00000008}.filter-tab.active{background:#fff;color:var(--ocean-accent);box-shadow:0 1px 3px #0000001a}.items-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.item-card{background:var(--dashboard-card);border:1px solid var(--dashboard-border);border-radius:8px;padding:1rem;transition:all .2s}.item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card-blue{border-left:4px solid #3b82f6}.item-card-gray{border-left:4px solid #6b7280}.item-card-yellow{border-left:4px solid #f59e0b}.item-card-green{border-left:4px solid #10b981}.item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.item-title{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0;flex:1}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-blue{background:#dbeafe;color:#1e40af}.status-gray{background:var(--gray-100);color:#4b5563}.status-yellow{background:#fef3c7;color:#92400e}.status-green{background:#d1fae5;color:#065f46}.item-description{font-size:.875rem;color:var(--dashboard-text-muted);margin:0 0 .75rem;line-height:1.5}.item-meta{display:flex;gap:.5rem;margin-bottom:.75rem;font-size:.875rem}.meta-label{color:var(--dashboard-text-muted);font-weight:500}.meta-value{color:var(--dashboard-text)}.item-actions{display:flex;gap:.5rem;margin-top:1rem}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;border:1px solid var(--dashboard-border);color:var(--dashboard-text-muted)}.btn-outline:hover{background:var(--gray-100);border-color:var(--dashboard-border);color:var(--dashboard-text)}.loading,.empty-state{text-align:center;padding:2rem;color:var(--dashboard-text-muted)}.empty-state p{margin:0;font-size:.875rem}.notifications-section{background:var(--dashboard-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.items-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dashboard-greeting{padding:2rem 0 3rem}.greeting-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;letter-spacing:-.02em}.greeting-subtitle{font-size:1rem;color:var(--gray-600);margin:0}.primary-action-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-xl);padding:2rem;color:#fff;box-shadow:var(--shadow-xl);margin-bottom:2rem;transition:transform .2s,box-shadow .2s}.primary-action-card:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #3b82f64d}.primary-card-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.primary-card-subtitle{font-size:.875rem;color:#fffc;margin:0 0 1.5rem}.primary-card-button{width:100%;background:var(--dashboard-card);color:var(--ocean-light);border:none;padding:1rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-card-button:hover{background:#fffffff2;transform:scale(1.02)}.status-group{margin-bottom:2rem}.status-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);margin:0}.status-group-count{background:var(--gray-200);color:var(--gray-600);font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:12px}.status-group-items{display:flex;flex-direction:column;gap:.75rem}.compact-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.compact-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000000d,0 0 0 1px var(--ocean-accent) inset}.status-border-gray,.status-border-blue,.status-border-yellow,.status-border-green,.status-border-red{position:relative}.status-border-gray:before,.status-border-blue:before,.status-border-yellow:before,.status-border-green:before,.status-border-red:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.status-border-gray:before{background-color:var(--ocean-secondary)}.status-border-blue:before{background-color:var(--status-info-text)}.status-border-yellow:before{background-color:var(--status-warning-text)}.status-border-green:before{background-color:var(--status-success-text)}.status-border-red:before{background-color:var(--status-error-text)}.compact-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.compact-card-title{font-size:1rem;font-weight:600;color:var(--ocean-primary);line-height:1.4;margin:0}.compact-card-badge{padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.compact-card-meta{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--glass-border);padding-top:1rem}.compact-card-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--ocean-secondary);font-size:.8125rem;font-weight:500}.compact-card-meta-icon{width:16px;height:16px;opacity:.7}.compact-card-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end}.btn-complete{padding:.5rem 1rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.btn-complete:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-complete:active{transform:translateY(0);box-shadow:0 2px 4px #10b98133}.stat-hud{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--dashboard-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow-x:auto}.stat-hud-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--gray-50);transition:all .2s;flex-shrink:0}.stat-hud-item.highlight{background:#fef3c7;border:2px solid var(--warning)}.stat-hud-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.stat-hud-label{font-size:.6875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.elapsed-time{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--gray-600);background:var(--gray-100);padding:.25rem .5rem;border-radius:6px}.unassigned-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid var(--warning);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.unassigned-alert-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.unassigned-alert-icon{width:20px;height:20px;color:var(--warning)}.unassigned-alert-title{font-size:1rem;font-weight:600;color:#92400e;margin:0}.workload-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.workload-available{background:var(--success)}.workload-normal{background:var(--warning)}.workload-busy{background:var(--danger)}.expense-widget{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:1.5rem 2rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.5rem;box-shadow:0 10px 25px -5px #0f172a4d,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.expense-widget:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:1}.expense-widget svg{width:32px;height:32px;opacity:.9}.expense-widget span{font-size:1.125rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.expense-widget strong{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.empty-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);border:1px dashed var(--glass-border);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;filter:grayscale(100%)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--ocean-primary);margin-bottom:.5rem}.empty-state-message{color:var(--ocean-secondary);font-size:.95rem;max-width:300px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn{background:#fff;border:1px solid var(--glass-border);color:var(--ocean-primary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pagination-btn:not(:disabled):hover{border-color:var(--ocean-accent);color:var(--ocean-accent)}.pagination-info{font-size:.875rem;color:var(--ocean-secondary);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@media(max-width:1024px){.dashboard-grid,.grid,.grid.lg\\:grid-cols-2{grid-template-columns:1fr!important}:root{--dashboard-padding: 1rem}}@media(max-width:640px){.expense-widget{padding:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.filter-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.filter-tab{flex:1;white-space:nowrap;text-align:center}}.yacht-selector{background:var(--dashboard-card);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem}.yacht-selector-label{font-size:.875rem;font-weight:600;color:var(--gray-600);min-width:80px}.yacht-selector-dropdown{flex:1;max-width:400px;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9375rem;background:var(--dashboard-card);cursor:pointer;transition:all .2s}.yacht-selector-dropdown:hover{border-color:var(--ocean-light)}.yacht-selector-dropdown:focus{outline:none;border-color:var(--ocean-primary);box-shadow:0 0 0 3px #1e40af1a}.current-yacht-info{background:linear-gradient(135deg,var(--ocean-primary) 0%,var(--ocean-light) 100%);padding:1.5rem;border-radius:var(--radius-md);color:#fff}.current-yacht-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.current-yacht-stats{font-size:1rem;opacity:.9;margin:0}.fleet-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.fleet-stat-card{background:var(--dashboard-card);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;transition:all .2s}.fleet-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fleet-stat-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--ocean-subtle);border-radius:var(--radius-md)}.fleet-stat-content{flex:1}.fleet-stat-label{font-size:.875rem;color:var(--gray-600);margin:0 0 .25rem}.fleet-stat-value{font-size:1.75rem;font-weight:700;color:var(--ocean-primary);margin:0}.yacht-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.yacht-overview-card{background:var(--dashboard-card);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--ocean-primary);transition:all .2s}.yacht-overview-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.yacht-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.yacht-overview-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.yacht-overview-id{font-size:.75rem;color:var(--gray-600);background:var(--gray-100);padding:.25rem .5rem;border-radius:4px}.yacht-overview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.yacht-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--gray-50);border-radius:var(--radius-sm)}.yacht-stat-label{font-size:.8125rem;color:var(--gray-600)}.yacht-stat-value{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.yacht-stat-value.text-warning{color:var(--warning)}.yacht-overview-indicators{display:flex;flex-wrap:wrap;gap:.5rem}.yacht-indicator{font-size:.75rem;padding:.375rem .75rem;border-radius:12px;font-weight:500}.yacht-indicator.warning{background:#fef3c7;color:#92400e}.yacht-indicator.active{background:#dbeafe;color:#1e40af}.yacht-indicator.success{background:#d1fae5;color:#065f46}.owner-notice{background:linear-gradient(135deg,#3b82f61a,#1e40af0d);padding:1rem 1.5rem;border-radius:var(--radius-md);border-left:4px solid var(--ocean-primary)}.owner-notice-text{margin:0;font-size:.9375rem;color:var(--gray-600)}@media(max-width:768px){.yacht-selector{flex-direction:column;align-items:stretch}.yacht-selector-label{min-width:auto}.yacht-selector-dropdown{max-width:100%}.fleet-stats-grid{grid-template-columns:1fr 1fr}.yacht-list-grid{grid-template-columns:1fr}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.pagination-btn{padding:.5rem 1rem;background:var(--dashboard-card);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--ocean-subtle);border-color:var(--ocean-light);color:var(--ocean-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;font-weight:500;color:var(--gray-600);min-width:60px;text-align:center}@media(max-width:768px){.pagination-controls{gap:.5rem}.pagination-btn{padding:.375rem .75rem;font-size:.8125rem}}.mobile-section-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--gray-100);border-radius:var(--radius-lg)}.mobile-section-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.mobile-section-tab:active{transform:scale(.98)}.mobile-section-tab.active{background:var(--dashboard-card);color:var(--ocean-primary);box-shadow:0 1px 3px #0000001a}.mobile-section-tab-icon{font-size:1rem}.mobile-section-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:600;border-radius:10px}.mobile-section-tab.active .mobile-section-tab-count{background:var(--ocean-subtle);color:var(--ocean-primary)}.mobile-hidden{display:none!important}@media(min-width:1024px){.mobile-section-tabs{display:none!important}.mobile-hidden{display:block!important}}.expense-widget{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);border-radius:20px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 20px 40px -10px #0f172a66,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;margin-bottom:1.5rem}.expense-widget:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.expense-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -4px #10b98180;z-index:1;flex-shrink:0}.expense-content{flex:1;z-index:1}.expense-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.25rem;font-weight:500}.expense-amount{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:.75rem}.expense-currency{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff1a;padding:.25rem .75rem;border-radius:8px}.section-title-small{font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0 0 12px;display:flex;align-items:center;gap:8px}.liquid-status-section{background:var(--dashboard-card);border:1px solid var(--gray-200);border-radius:12px;padding:16px}.liquid-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.liquid-status-item{display:flex;flex-direction:column;gap:6px}.liquid-status-header{display:flex;justify-content:space-between;align-items:center}.liquid-status-label{font-size:.75rem;color:var(--gray-600);font-weight:500}.liquid-status-value{font-size:.8125rem;font-weight:600;color:var(--gray-800)}.liquid-status-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.liquid-status-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.liquid-status-percentage{font-size:.6875rem;color:var(--gray-500);text-align:right}.crew-summary-section{background:var(--dashboard-card);border:1px solid var(--gray-200);border-radius:12px;padding:16px}.crew-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.crew-summary-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--gray-50);border-radius:8px}.crew-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.crew-info{display:flex;flex-direction:column;min-width:0}.crew-name{font-size:.8125rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crew-role{font-size:.6875rem;color:var(--gray-500);text-transform:capitalize}@media(max-width:640px){.liquid-status-grid{grid-template-columns:repeat(2,1fr)}.crew-summary-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.part-detail-root{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f8f9fa;--surface3: #eef0f3;--border: #e2e5ea;--border2: #cdd1d8;--text: #111827;--text2: #374151;--muted: #6b7280;--muted2: #9ca3af;--accent: #2563eb;--accent-bg: rgba(37,99,235,.07);--accent-bd: rgba(37,99,235,.22);--crit: #dc2626;--crit-bg: rgba(220,38,38,.06);--crit-bd: rgba(220,38,38,.2);--warn: #d97706;--warn-bg: rgba(217,119,6,.06);--warn-bd: rgba(217,119,6,.2);--safe: #16a34a;--safe-bg: rgba(22,163,74,.06);--safe-bd: rgba(22,163,74,.2);font-family:Inter,system-ui,sans-serif;font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.topbar{height:48px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:6px;font-size:13px;position:sticky;top:0;z-index:50}.topbar-crumb{color:var(--muted);cursor:pointer;font-weight:500;white-space:nowrap}.topbar-crumb:hover{color:var(--accent)}.topbar-crumb.active{color:var(--text);font-weight:600;cursor:default}.topbar-sep{color:var(--muted2);font-size:11px}.topbar-status{margin-left:auto;display:flex;align-items:center;gap:6px}.page{padding:24px;max-width:1320px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:var(--surface3);border-color:var(--border2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn svg{width:13px;height:13px;flex-shrink:0}.part-hero{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.part-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.part-hero-name{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}.part-hero-freq{font-size:12px;color:var(--muted)}.part-hero-desc{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px}.part-progress-section{margin-bottom:0}.progress-big-bar{height:8px;background:var(--surface3);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-big-fill{height:100%;border-radius:4px;transition:width .4s}.progress-big-fill.safe{background:var(--safe)}.progress-big-fill.warning{background:var(--warn)}.progress-big-fill.critical{background:var(--crit)}.progress-meta{display:flex;justify-content:space-between;font-size:12px}.progress-current{color:var(--muted)}.progress-remaining{font-weight:700}.progress-remaining.safe{color:var(--safe)}.progress-remaining.warning{color:var(--warn)}.progress-remaining.critical{color:var(--crit)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.info-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.info-block.full{grid-column:1 / -1}.block-hdr{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.block-hdr svg{width:13px;height:13px;flex-shrink:0}.sbadge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:700;white-space:nowrap}.sbadge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.sbadge.safe{color:var(--muted)}.sbadge.warn{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-bd)}.sbadge.crit{color:var(--crit);background:var(--crit-bg);border:1px solid var(--crit-bd)}.apbadge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;white-space:nowrap}.apbadge.pending{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-bd)}.apbadge.approved{color:var(--safe);background:var(--safe-bg);border:1px solid var(--safe-bd)}.hist-table{width:100%;border-collapse:collapse}.hist-table thead th{background:var(--surface2);border-bottom:1px solid var(--border);padding:7px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);text-align:left;white-space:nowrap}.hist-table tbody tr{border-bottom:1px solid var(--border)}.hist-table tbody tr:last-child{border-bottom:none}.hist-table tbody tr:nth-child(2n){background:var(--surface2)}.hist-table td{padding:8px 14px;font-size:12px;color:var(--text2);vertical-align:middle}.hist-latest{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-left:6px}.hist-note{font-size:11px;color:var(--muted2);font-style:italic}.hist-empty{padding:24px;text-align:center;color:var(--muted2);font-size:12px}.doc-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.doc-item:last-child{border-bottom:none}.doc-icon{width:30px;height:30px;border-radius:4px;background:var(--crit-bg);color:var(--crit);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon svg{width:15px;height:15px}.doc-name{font-size:12px;font-weight:600;color:var(--text);flex:1}.doc-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s}.doc-btn:hover{border-color:var(--accent-bd);color:var(--accent)}.doc-btn svg{width:11px;height:11px}.doc-empty{padding:20px 14px;color:var(--muted2);font-size:12px;text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}.form-input{border:1px solid var(--border);border-radius:5px;padding:7px 10px;font-size:13px;font-family:inherit;color:var(--text);background:var(--surface);outline:none;transition:border-color .12s}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:64px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface2)}.install-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--warn-bg);border-top:1px solid var(--warn-bd)}.install-note svg{width:14px;height:14px;color:var(--warn);flex-shrink:0;margin-top:1px}.install-note span{font-size:12px;color:var(--text2);line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}@media(max-width:768px){.page{padding:14px}.info-grid{grid-template-columns:1fr}}@media(max-width:540px){.form-row{grid-template-columns:1fr}}