.pac-container{z-index:999999!important;font-family:inherit;border-radius:10px;box-shadow:0 12px 28px -4px #0f172a29,0 4px 10px -2px #0f172a14;border:1px solid #cbd5e1;margin-top:6px;background-color:#fff}.pac-item{padding:9px 14px;font-size:.875rem;cursor:pointer;line-height:1.4;border-top:1px solid #f1f5f9;transition:background-color .15s ease}.pac-item:first-child{border-top:none}.pac-item:hover,.pac-item-selected{background-color:#f8fafc}.pac-item-query{font-size:.875rem;color:#0f172a;font-weight:600}.pac-matched{font-weight:700;color:#4f46e5}.login-container{position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 50% 20%,#1e1b4b,#0f172a 45%,#050811);overflow:hidden;font-family:Inter,sans-serif}.login-glow-circle{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.45;animation:glowFloat 10s ease-in-out infinite alternate}.login-glow-1{top:15%;left:20%;width:400px;height:400px;background:radial-gradient(circle,#4f46e5 0%,transparent 70%)}.login-glow-2{bottom:15%;right:20%;width:450px;height:450px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);animation-delay:-5s}@keyframes glowFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.1)}}.login-card-wrapper{position:relative;z-index:2;width:100%;max-width:440px;animation:loginCardSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes loginCardSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form{background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2.75rem 2.25rem 2rem;box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #fff3;border:1px solid rgba(226,232,240,.8)}.login-brand-header{text-align:center;margin-bottom:2rem}.login-logo-ring{width:72px;height:72px;margin:0 auto 1.1rem;border-radius:20px;background:#fff;padding:4px;box-shadow:0 10px 25px -5px #4f46e559,0 0 0 1px #e2e8f0cc;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.login-logo-ring:hover{transform:scale(1.05) rotate(2deg)}.login-logo{width:100%;height:100%;border-radius:16px;object-fit:cover}.login-title{margin:0 0 .35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.login-subtitle{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#64748b}.security-icon{color:#4f46e5}.api-error-message{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.86rem;font-weight:500;text-align:center;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-group{margin-bottom:1.25rem;text-align:left}.input-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:#334155}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;display:flex;align-items:center;transition:color .2s ease}.login-input{width:100%;padding:12px 14px 12px 42px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#0f172a;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.login-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.input-with-icon:focus-within .field-icon{color:#4f46e5}.login-input.input-error{border-color:#f87171;background:#fffbfa}.error-text{color:#dc2626;font-size:.78rem;font-weight:500;margin-top:5px}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s ease}.password-toggle:hover{color:#0f172a}.login-button{width:100%;padding:.85rem 1.5rem;margin-top:.75rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 14px #4f46e559;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 6px 20px #4f46e573;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;opacity:.7}.button-idle,.button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-card-footer{margin-top:1.5rem;text-align:center;color:#94a3b8;font-size:.75rem;font-weight:500}.sidebar{width:270px;height:100vh;background:linear-gradient(180deg,#0b1120,#0f172a 60%,#0a0f1d);color:#f8fafc;display:flex;flex-direction:column;padding:1.25rem 1rem;transition:width .3s cubic-bezier(.2,.8,.2,1);overflow-x:hidden;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 24px #00000040;z-index:100;-webkit-user-select:none;user-select:none}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar.collapsed{width:82px;padding:1.25rem .65rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);min-height:54px;gap:.5rem}.sidebar-brand-area{display:flex;align-items:center;gap:.75rem;cursor:pointer;overflow:hidden;flex:1}.brand-logo-frame{width:40px;height:40px;min-width:40px;border-radius:12px;background:#fff;padding:3px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff26;transition:transform .2s ease}.sidebar-brand-area:hover .brand-logo-frame{transform:scale(1.05)}.sidebar-brand-img{width:100%;height:100%;object-fit:cover;border-radius:9px}.brand-text{display:flex;flex-direction:column;overflow:hidden}.brand-name{font-family:Plus Jakarta Sans,sans-serif;font-size:.98rem;font-weight:800;letter-spacing:-.01em;color:#fff;white-space:nowrap}.brand-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;color:#818cf8;letter-spacing:.03em;text-transform:uppercase}.sidebar.collapsed .sidebar-brand-area{justify-content:center}.sidebar.collapsed .sidebar-header{justify-content:center;flex-direction:column;gap:.75rem}.burger-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;width:32px;height:32px;min-width:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.burger-btn:hover{background:#6366f140;border-color:#6366f166;color:#fff;transform:scale(1.05)}.sidebar-nav-container{flex-grow:1}.sidebar-section-title{font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;padding-left:.65rem}.sidebar-nav{width:100%}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.menu-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;cursor:pointer;color:#94a3b8;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;text-decoration:none}.menu-item:hover{background:#ffffff0f;color:#f1f5f9;transform:translate(2px)}.menu-item.active{background:linear-gradient(135deg,#4f46e5e6,#4338caf2);color:#fff;font-weight:600;border:1px solid rgba(129,140,248,.3);box-shadow:0 4px 14px #4f46e559}.sidebar-submenu{list-style:none;padding:.2rem 0 .3rem .75rem;margin:.2rem 0 .35rem 1rem;display:flex;flex-direction:column;gap:.2rem;border-left:1.5px solid rgba(255,255,255,.1)}.submenu-item{display:flex;align-items:center;gap:.55rem;padding:.4rem .65rem;border-radius:8px;font-size:.82rem;color:#94a3b8;text-decoration:none;transition:all .2s ease}.submenu-item:hover{background:#ffffff0f;color:#f8fafc}.submenu-item.active{background:#6366f138;color:#c7d2fe;font-weight:600}.menu-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;transition:transform .2s ease}.menu-item:hover .menu-icon{transform:scale(1.1)}.menu-label-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;overflow:hidden}.menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-pill{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc}.sidebar.collapsed .menu-item{justify-content:center;padding:.75rem}.sidebar.collapsed .menu-item:hover{transform:none}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.75rem}.sidebar-status-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.72rem;color:#34d399;font-weight:600}.status-indicator-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981cc;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:.65rem .85rem;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s ease}.logout-btn:hover{background:#ef4444e6;color:#fff;border-color:#ef4444;box-shadow:0 4px 14px #ef444459;transform:translateY(-1px)}.sidebar.collapsed .logout-btn{padding:.75rem}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:10000}.sidebar.mobile-open{transform:translate(0)}.burger-btn{display:none}}.cms-page{max-width:1200px;padding:0 0 1rem}.cms-header{margin-bottom:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#eef2ff,#f8fafc 55%,#fff);border:1px solid rgba(99,102,241,.12);border-radius:14px;box-shadow:0 4px 14px #4f46e50d}.header-text{display:flex;flex-direction:column;gap:.25rem}.header-text h3{margin:0;font-size:clamp(1.25rem,1.5vw,1.65rem);color:#0f172a;letter-spacing:-.02em}.header-text p{margin:0;color:#64748b;font-size:.88rem}.cms-overview{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-bottom:1rem;background:linear-gradient(135deg,#4f46e50f,#94a3b80f);border:1px solid rgba(99,102,241,.1);border-radius:12px;box-shadow:0 4px 12px #0f172a05}.cms-eyebrow{display:inline-block;color:#4f46e5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cms-overview h4{margin:.45rem 0 .35rem;color:#0f172a;font-size:1.35rem}.cms-overview p{margin:0;color:#64748b;line-height:1.5}.cms-overview-count{display:grid;min-width:90px;padding:.8rem 1rem;text-align:center;background:#ffffffd9;border:1px solid rgba(99,102,241,.14);border-radius:12px;box-shadow:inset 0 1px #fff9}.cms-overview-count strong{color:#4f46e5;font-size:1.7rem;line-height:1}.cms-overview-count span{color:#64748b;font-size:.75rem;margin-top:.25rem}.cms-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.cms-section-card{position:relative;display:flex;min-height:220px;flex-direction:column;padding:1.2rem 1.2rem 1rem;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.24);border-radius:16px;box-shadow:0 10px 20px #0f172a0a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cms-section-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#ec4899)}.cms-section-card:hover{transform:translateY(-3px);border-color:#6366f14d;box-shadow:0 18px 28px #4f46e51f}.cms-card-topline,.cms-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cms-section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);font-size:1.2rem;box-shadow:inset 0 1px #ffffffbf}.cms-status{padding:.35rem .65rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em}.cms-status.published{background:#dcfce7;color:#166534}.cms-status.draft{background:#fef3c7;color:#92400e}.cms-section-card h4{margin:1rem 0 .55rem;color:#0f172a;font-size:1.08rem;line-height:1.35}.cms-section-card>p{margin:0;color:#64748b;line-height:1.6;font-size:.92rem}.cms-card-footer{margin-top:auto;padding-top:1rem;color:#94a3b8;font-size:.8rem;border-top:1px solid #eef2f7}.cms-card-footer button{border:0;background:transparent;color:#4f46e5;cursor:pointer;font:inherit;font-weight:700;padding:.3rem .4rem;border-radius:6px;transition:background .2s ease}.cms-card-footer button:hover{background:#4f46e514}.cms-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;margin-bottom:1rem;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.2);border-radius:10px;box-shadow:0 2px 8px #0f172a08}.cms-tabs-scroll{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.cms-tab-icon{display:flex;align-items:center;justify-content:center}.cms-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1px solid transparent;border-radius:10px;background:transparent;color:#64748b;cursor:pointer;font:inherit;font-weight:700;transition:.2s ease}.cms-tab:hover{background:#eef2ff;color:#1e293b}.cms-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 18px #4f46e538}.cms-section-heading{display:flex;align-items:center;gap:.85rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.cms-section-heading h4{margin:0 0 .25rem;color:#1e293b;font-size:1.1rem}.cms-section-heading p{margin:0;color:#64748b}.cms-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:640px){.cms-header{padding:1.2rem 1rem}.cms-overview{align-items:flex-start;flex-direction:column}.cms-section-grid{grid-template-columns:1fr}.cms-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cms-tab{justify-content:center;padding-inline:.5rem}.cms-form-row{grid-template-columns:1fr;gap:0}}.session-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:sessionOverlayFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.session-modal-backdrop{position:absolute;inset:0;background-color:#0f172ad1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.session-modal-container{position:relative;width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #00000026,0 0 0 1px #e2e8f0cc;overflow:hidden;animation:sessionModalSlideUp .35s cubic-bezier(.16,1,.3,1) forwards;z-index:1}.session-modal-glow{height:5px;width:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#ef4444);background-size:200% 100%;animation:glowShift 3s linear infinite}.session-modal-icon-wrapper{position:relative;margin:1.75rem auto .75rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee2e2;color:#dc2626}.session-modal-icon-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid #ef4444;opacity:.4;animation:pulseRing 2s cubic-bezier(.215,.61,.355,1) infinite}.session-modal-icon{position:relative;z-index:2}.session-modal-content{padding:0 1.75rem 1.75rem;text-align:center}.session-modal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#fef2f2;color:#b91c1c;font-size:.75rem;font-weight:600;border-radius:9999px;border:1px solid #fecaca;margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.05em}.badge-dot{width:6px;height:6px;background-color:#ef4444;border-radius:50%;display:inline-block;animation:dotBlink 1.5s ease-in-out infinite}.session-modal-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.session-modal-subtitle{margin:0 0 1.25rem;font-size:.885rem;line-height:1.5;color:#64748b}.session-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:left;margin-bottom:1.5rem}.session-detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:.85rem}.session-detail-row.highlight-row{padding:.6rem .75rem;background:#fff1f2;border:1px solid #ffe4e6;border-radius:8px}.highlight-row .detail-label{color:#9f1239;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.highlight-row .highlight-value{color:#be123c;font-weight:600;font-size:.92rem}.session-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.full-width{grid-column:span 2}.detail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.04em}.detail-value{font-size:.835rem;font-weight:600;color:#1e293b}.detail-value.status-tag{display:inline-flex;align-items:center;color:#dc2626;font-weight:700}.detail-value.mono-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:#475569;background:#edf2f7;padding:2px 6px;border-radius:4px;display:inline-block;word-break:break-all}.session-modal-footer{display:flex;flex-direction:column;gap:.85rem;align-items:center}.session-countdown-text{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:.825rem;color:#64748b}.session-countdown-text strong{color:#0f172a;font-weight:700}.session-login-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5,#3730a3);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #4f46e559;transition:all .2s cubic-bezier(.16,1,.3,1)}.session-login-btn:hover{background:linear-gradient(135deg,#4338ca,#312e81);box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.session-login-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #4f46e540}@keyframes sessionOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes pulseRing{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.15);opacity:0}to{transform:scale(.95);opacity:0}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #eef2ff;--color-accent: #06b6d4;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-slate-100: #f1f5f9;--color-slate-50: #f8fafc;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-info: #3b82f6;--color-info-bg: #eff6ff;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--color-slate-100);color:var(--color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:#f8fafc}.sidebar-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#f8fafc}.top-bar{position:sticky;top:0;z-index:40;background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-slate-200);box-shadow:0 1px 3px #00000008}.top-bar-left{display:flex;align-items:center;gap:1rem}.top-bar-breadcrumb{display:flex;align-items:center;gap:.5rem}.breadcrumb-root{font-size:.82rem;font-weight:600;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.04em}.breadcrumb-separator{color:var(--color-slate-300)}.breadcrumb-current{margin:0;font-family:var(--font-heading);font-size:1.28rem;font-weight:700;color:var(--color-slate-900);letter-spacing:-.02em}.top-bar-right{display:flex;align-items:center;gap:1.15rem}.system-status-indicator{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:999px;font-size:.75rem;font-weight:600;color:#059669}.system-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981b3}.topbar-date-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--color-slate-600)}.user-profile-chip{display:flex;align-items:center;gap:.65rem;padding:4px 12px 4px 6px;background:#fff;border:1px solid var(--color-slate-200);border-radius:999px;box-shadow:var(--shadow-xs);transition:all .2s ease}.user-profile-chip:hover{border-color:var(--color-slate-300);box-shadow:var(--shadow-sm)}.user-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.85rem;box-shadow:0 2px 8px #4f46e559}.user-info-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.user-email-name{font-size:.82rem;font-weight:600;color:var(--color-slate-800);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:.65rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--color-slate-700);cursor:pointer;padding:4px}.content-area{padding:1rem 1.5rem 1.75rem;flex-grow:1}.content-card{width:100%}.dashboard-wrapper{display:flex;flex-direction:column;gap:1.15rem}.dashboard-welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.5rem;background:linear-gradient(135deg,#0b1120,#1e1b4b 60%,#0f172a);border-radius:var(--radius-lg);color:#fff;box-shadow:0 4px 14px #0f172a26;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.dashboard-welcome-banner:after{content:"";position:absolute;top:-50px;right:-50px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none}.banner-left{position:relative;z-index:1}.banner-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.72rem;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.banner-left h2{margin:0 0 .4rem;font-family:var(--font-heading);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.banner-left p{margin:0;font-size:.9rem;color:#94a3b8;max-width:650px;line-height:1.5}.banner-right{position:relative;z-index:1;flex-shrink:0}.dashboard-refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.25rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard-refresh-btn:hover{background:#ffffff38;transform:translateY(-1px)}.spin-icon{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.stat-card{background:#fff;padding:1rem 1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--color-slate-200);box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);border-color:#6366f14d;box-shadow:var(--shadow-md),0 0 0 1px #6366f11a}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-tag{font-size:.68rem;font-weight:700;color:var(--color-slate-500);background:var(--color-slate-100);padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{margin:0;font-size:.78rem;font-weight:600;color:var(--color-slate-500)}.stat-number{margin:0;font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--color-slate-900);letter-spacing:-.02em;line-height:1.15}.stat-card-footer{padding-top:.5rem;border-top:1px solid var(--color-slate-100)}.stat-action-link{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:600;color:var(--color-primary);transition:gap .2s ease}.stat-card:hover .stat-action-link{gap:6px}.activity-section{background:#fff;border-radius:var(--radius-md);padding:1.15rem 1.35rem;border:1px solid var(--color-slate-200);box-shadow:var(--shadow-xs)}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--color-slate-100)}.section-header-title{display:flex;align-items:center;gap:8px}.section-header-title h3{margin:0;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-slate-900)}.activity-list{list-style:none;padding:0;margin:.85rem 0 0;display:flex;flex-direction:column;gap:.65rem}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:.65rem .85rem;background:var(--color-slate-50);border-radius:var(--radius-sm);border:1px solid var(--color-slate-100);transition:all .2s ease}.activity-item:hover{background:#fff;border-color:var(--color-slate-200);box-shadow:var(--shadow-xs)}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.success{background-color:var(--color-success);box-shadow:0 0 6px #10b98199}.activity-dot.info{background-color:var(--color-info);box-shadow:0 0 6px #3b82f699}.activity-dot.warning{background-color:var(--color-warning);box-shadow:0 0 6px #f59e0b99}.activity-dot.danger{background-color:var(--color-danger);box-shadow:0 0 6px #ef444499}.activity-details{flex-grow:1}.activity-desc{margin:0 0 4px;font-size:.9rem;font-weight:500;color:var(--color-slate-800)}.activity-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--color-slate-400)}.meta-bullet{color:var(--color-slate-300)}.activity-role-chip{text-transform:capitalize;font-weight:600;color:var(--color-slate-600)}.activity-action-chip{padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.activity-action-chip.success{background:#dcfce7;color:#166534}.activity-action-chip.info{background:#dbeafe;color:#1e40af}.activity-action-chip.warning{background:#fef3c7;color:#92400e}.activity-action-chip.danger{background:#fee2e2;color:#991b1b}.empty-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-slate-400);gap:.75rem}.empty-activity p{margin:0;font-size:.9rem}.welcome-card,.management-card{background:#fff;padding:1.15rem 1.35rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:1px solid var(--color-slate-200)}.table-container{margin-top:.85rem;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-slate-200)}.custom-table th{background-color:var(--color-slate-50);padding:9px 12px;color:var(--color-slate-600);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-slate-200);white-space:nowrap}.custom-table td{padding:10px 12px;border-bottom:1px solid var(--color-slate-100);color:var(--color-slate-800);font-size:.84rem;vertical-align:middle}.form-compact-group{margin-bottom:.85rem;display:flex;flex-direction:column;gap:4px}.form-compact-group label{font-size:.78rem;font-weight:600;color:var(--color-slate-700)}.form-compact-input{padding:8px 12px;border:1px solid var(--color-slate-200);border-radius:8px;font-size:.88rem;color:var(--color-slate-900);background:#f8fafc;outline:none;transition:all .2s ease}.form-compact-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-slate-200);margin-top:1.5rem;text-align:center}.mini-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.btn-retry{background:var(--color-primary);color:#fff;border:none;padding:8px 22px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-retry:hover{background:var(--color-primary-hover)}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.dashboard-welcome-banner{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.top-bar{padding:.85rem 1rem}.content-area{padding:1rem}.mobile-menu-btn{display:block}.topbar-date-chip,.system-status-indicator,.user-info-text,.breadcrumb-root,.breadcrumb-separator{display:none}.stats-grid{grid-template-columns:1fr}}.page-loader-container{display:flex;justify-content:center;align-items:center;min-height:360px;width:100%;padding:2rem;animation:fadeIn .3s ease-in-out}.loader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem 3.5rem;border-radius:20px;box-shadow:0 12px 35px -8px #4f46e526,0 0 0 1px #e2e8f0cc;text-align:center;max-width:420px}.loader-pulse-ring{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.loader-pulse-ring:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#6366f126;animation:pulseRing 1.8s cubic-bezier(.24,0,.38,1) infinite}.loader-spinner-circle{width:44px;height:44px;border:3.5px solid #e0e7ff;border-top-color:#4f46e5;border-right-color:#6366f1;border-radius:50%;animation:spin .85s cubic-bezier(.6,.2,.4,.8) infinite;box-shadow:0 0 12px #6366f133}.loader-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:#1e293b;letter-spacing:-.01em}.loader-subtitle{margin:0;font-size:.85rem;color:#64748b}.action-loader-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease-out}.action-loader-box{background:#fff;padding:1.75rem 2.25rem;border-radius:16px;box-shadow:0 20px 50px #00000040,0 0 0 1px #ffffff1a;display:flex;align-items:center;gap:1.25rem;max-width:450px;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.action-spinner{width:36px;height:36px;border:3.5px solid #e2e8f0;border-top-color:#4f46e5;border-left-color:#4f46e5;border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.action-text{display:flex;flex-direction:column;gap:.2rem}.action-text strong{font-size:1rem;color:#0f172a;font-weight:600}.action-text span{font-size:.8rem;color:#64748b}.btn-spinner-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}.btn-spinner-text{font-size:inherit;font-weight:inherit}@keyframes pulseRing{0%{transform:scale(.85);opacity:.8}50%{transform:scale(1.35);opacity:.2}to{transform:scale(.85);opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.project-container{padding:0;background:transparent}.animate-fade-in{animation:fadeIn .4s ease-out}.project-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem;flex-wrap:wrap;gap:.75rem}.project-title h1{font-size:1.75rem;color:#1e293b;font-weight:800;margin:0}.project-title p{color:#64748b;margin-top:4px;font-size:.95rem}.btn-add-project{background:#4f46e5;color:#fff;padding:10px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4f46e533;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-add-project:hover{background:#4338ca;transform:translateY(-2px)}.controls-bar{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.search-wrapper{background:#fff;padding:8px 16px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;flex:1;min-width:300px;box-shadow:0 2px 4px #00000005}.search-input{border:none;outline:none;width:100%;font-size:.95rem;color:#334155;background:transparent}.filter-tabs{display:flex;background:#fff;padding:6px;border-radius:12px;border:1px solid #e2e8f0;gap:4px}.filter-tab{padding:8px 16px;border-radius:8px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-tab.active{background:#eef2ff;color:#4f46e5}.project-card-full{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;border:1px solid #e2e8f0;transition:transform .2s}.project-card-full:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.card-header-bar{background:#f8fafc;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid #e2e8f0}.header-group{display:flex;align-items:center;gap:8px}.label-white{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase}.value-white{font-size:1rem;font-weight:700;color:#0f172a}.status-badge-chip{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.card-body{padding:1.5rem;display:flex;align-items:flex-start;gap:2rem}@media(max-width:900px){.card-body{flex-direction:column}}.left-panel{display:flex;flex-direction:column;gap:1rem;min-width:250px;border-right:1px solid #f1f5f9;padding-right:2rem}.project-avatar-box{display:flex;align-items:center;gap:15px;margin-bottom:.5rem}.type-badge{background:#e0e7ff;color:#1e1b4b;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase;order:-1}.avatar-large{width:60px;height:60px;background:#f0f9ff;border:3px solid #bae6fd;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.project-main-info h2{font-size:1.25rem;color:#0f172a;font-weight:800;margin:0 0 4px}.developer-name{color:#64748b;font-size:.9rem;margin-bottom:1rem;font-weight:600}.contact-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;color:#475569}.right-panel{flex:1;display:flex;flex-direction:column}.internal-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;gap:2rem}.internal-tab{padding-bottom:12px;cursor:pointer;font-size:.95rem;font-weight:600;color:#94a3b8;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.internal-tab:hover{color:#4f46e5}.internal-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.detail-item{background:transparent;border-left:2px solid #e2e8f0;padding:0 0 0 12px}.detail-label{font-size:.7rem;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.detail-value{font-size:1rem;color:#0f172a;font-weight:600;word-break:break-word}.card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2rem}.btn-action{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-view{background:#fff;color:#4f46e5;border:1px solid #e0e7ff}.btn-view:hover{background:#eef2ff;border-color:#4f46e5}.btn-icon-action{width:36px;height:36px;border-radius:8px;border:1px solid #f1f5f9;background:#fff;color:#64748b;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.btn-icon-action:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;padding:1.35rem 1.65rem;border-radius:16px;width:90%;max-width:600px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 40px -12px #00000040;position:relative}.modal-content.wide{max-width:750px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem;border-bottom:1px solid #f1f5f9;padding-bottom:.65rem}.modal-header h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.btn-close-modal{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:1.1rem;transition:all .2s}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-label{display:block;margin-bottom:4px;font-size:.8rem;font-weight:600;color:#334155}.form-input,.form-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.88rem;color:#0f172a;background:#f8fafc}.form-input:focus,.form-select:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.15rem;padding-top:.85rem;border-top:1px solid #f1f5f9}.btn-secondary{background:#f1f5f9;color:#475569;padding:12px 24px;border-radius:10px;border:none;font-weight:600;cursor:pointer}.btn-primary-modal{background:#4f46e5;color:#fff;padding:12px 24px;border-radius:10px;border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e533}.btn-primary-modal:hover{background:#4338ca}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0;margin-top:2rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:#ef4444;font-weight:600;margin-bottom:1.5rem}.btn-retry{background:#4f46e5;color:#fff;border:none;padding:8px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry:hover{background:#4338ca}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.management-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.header-text h3{font-size:1.25rem;color:#1e293b;margin:0}.header-text p{font-size:.85rem;color:#94a3b8;margin-top:4px}.table-container{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.custom-table th{background-color:#f8fafc;padding:9px 12px;color:#475569;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.custom-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.custom-table tr:hover td{background-color:#fbfcfe}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#0f172a;font-size:.95rem}.user-email{font-size:.8rem;color:#64748b}.status-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{background-color:#fef3c7;color:#b45309}.status-badge.on-leave{background-color:#fee2e2;color:#b91c1c}.add-btn{background-color:#4f46e5;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-btn:hover{background-color:#4338ca}.action-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;margin-right:8px;transition:opacity .2s}.action-btn.edit{background-color:#eff6ff;color:#2563eb}.action-btn.delete{background-color:#fff1f2;color:#e11d48}.clean-container{background:#fff;padding:1.15rem 1.25rem;border-radius:14px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9}.clean-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem}.header-info h1{font-size:1.35rem;color:#0f172a;margin:0;font-weight:800;letter-spacing:-.02em}.header-info p{color:#64748b;margin-top:3px;font-size:.85rem}.btn-primary{background:#4f46e5;color:#fff;padding:8px 18px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4f46e533}.btn-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.btn-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-icon.view{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-icon.view:hover{background:#f1f5f9;color:#1e293b}.btn-icon.add{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.btn-icon.add:hover{background:#dbeafe}.btn-icon.add:disabled{opacity:.5;cursor:not-allowed}.btn-icon.edit{background:#eef2ff;color:#4f46e5;border:1px solid #e0e7ff}.btn-icon.edit:hover{background:#e0e7ff;color:#4338ca}.actions-cell{padding:10px 24px!important}.button-group{display:flex;gap:10px;align-items:center}.btn-toggle{padding:6px 14px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.dynamic-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid #f1f5f9;background:#fff}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background:#f8fafc;padding:18px 24px;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left}.hierarchy-row td{padding:20px 24px;border-bottom:1px solid #f1f5f9}.level-1{background-color:#fcfdfe}.user-name-text{font-weight:700;color:#0f172a;font-size:1rem}.reporting-label{font-size:.8rem;color:#94a3b8;margin-top:2px}.email-text{font-size:.9rem;color:#475569}.phone-text{font-size:.85rem;color:#94a3b8;font-weight:500}.owner-badge{background:#f0fdf4;color:#166534;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:6px;border:1px solid #bbf7d0;letter-spacing:.05em}.car-owner-status,.member-status{display:flex;flex-direction:column;gap:6px}.car-tag.sponsor-car{background:#dcfce7;color:#15803d;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;border:1px solid #bbf7d0;width:fit-content}.status-label-minimal{font-size:.8rem;color:#6366f1;background:#eef2ff;padding:6px 12px;border-radius:8px;font-weight:700;border:1px solid #e0e7ff;width:fit-content}.car-owner-status small,.member-status small{font-size:.75rem;color:#94a3b8;font-weight:500}.modal-custom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-custom-card{background:#fff;padding:1.25rem 1.5rem;border-radius:16px;width:90%;max-width:550px;box-shadow:0 20px 40px -12px #00000040;max-height:88vh;overflow-y:auto}.modal-custom-card.wide{max-width:700px}.modal-custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-custom-header h3{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0}.btn-close{background:#f1f5f9;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.role-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.role-option{padding:16px;border:2px solid #e2e8f0;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;background:#fff}.role-option:hover{border-color:#cbd5e1;background:#f8fafc}.role-option.active{border-color:#4f46e5;background:#eef2ff;box-shadow:0 4px 12px #4f46e51a}.role-icon{font-size:1.5rem;background:#f1f5f9;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .2s}.role-option.active .role-icon{background:#fff}.role-text{display:flex;flex-direction:column}.role-text strong{font-size:.85rem;color:#0f172a}.role-text small{font-size:.7rem;color:#64748b}.highlight-field{background:#f0f7ff;padding:1rem;border-radius:16px;border:1px solid #bae6fd;margin-bottom:1rem}.highlight-field label{color:#0369a1!important}.field-hint{font-size:.8rem;color:#64748b;margin-top:6px}.input-field{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.input-field label{font-size:.78rem;font-weight:700;color:#475569}.input-field input,.input-field select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;outline:none;font-size:.88rem;transition:all .2s;background:#f8fafc}.input-field input:focus,.input-field select:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a}.input-field input[readonly]{background-color:#f1f5f9;color:#64748b;border-style:dashed;cursor:not-allowed}.checkbox-field{padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.toggle-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;cursor:pointer;font-weight:600!important;color:#1e293b!important}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.advanced-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:#2563eb;font-size:.9rem;font-weight:600;padding:8px 0;transition:all .2s;-webkit-user-select:none;user-select:none}.advanced-toggle:hover{color:#1d4ed8;text-decoration:underline}.advanced-toggle .toggle-icon{font-size:.8rem;width:16px;display:flex;justify-content:center}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.input-field label{display:block;font-size:.85rem;font-weight:700;color:#334155;margin-bottom:8px}.input-field input{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.input-field input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.view-card{overflow:hidden}.header-left{display:flex;align-items:center;gap:1.25rem}.user-avatar-large{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;box-shadow:0 10px 15px -3px #4f46e54d}.header-info-main h3{font-size:1.5rem;font-weight:900;color:#1e293b;margin-bottom:4px}.role-chip{background:#e0e7ff;color:#4338ca;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase}.contact-highlight{background:#fff!important;padding:1.25rem!important;border-radius:20px!important;border:1px solid #f1f5f9!important;box-shadow:0 4px 6px -1px #0000000d}.contact-card-item{display:flex;align-items:center;gap:5px;margin-bottom:1rem;padding:5px;border-radius:12px;transition:all .2s}.contact-card-item:last-child{margin-bottom:0}.contact-card-item:hover{background:#f8fafc;transform:translate(4px)}.contact-icon{width:40px;height:40px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.2rem;flex-shrink:0}.contact-content label{font-size:.5rem!important;color:#94a3b8!important;text-transform:uppercase!important;font-weight:800!important;display:block;margin-bottom:2px;border:none!important;padding:0!important}.contact-content p{font-size:.7rem!important;font-weight:700!important;color:#1e293b!important;margin:0!important}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0}.vehicle-info-box,.owner-summary-card{background:#f1f5f9;padding:1rem;border-radius:16px;border:1px solid #e2e8f0}.vehicle-name,.owner-name-bold{font-size:.8rem;font-weight:800;color:#1e293b;margin:4px 0}.vehicle-subtitle,.owner-contact{font-size:.85rem;color:#64748b;font-weight:500}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.team-count{background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.member-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.member-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:relative;transition:transform .2s}.member-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.member-avatar{width:36px;height:36px;background:#f1f5f9;color:#64748b;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:.85rem}.member-details{display:flex;flex-direction:column}.member-title{font-size:.8rem;font-weight:700;color:#1e293b}.member-meta{font-size:.7rem;color:#94a3b8}.status-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.btn-clean-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-clean-secondary:hover{background:#f1f5f9;color:#1e293b}.modal-btn-row{display:flex;justify-content:flex-end;gap:12px;margin-top:1rem}.btn-save{background:#4f46e5;color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e533}.btn-secondary{background:#f1f5f9;color:#64748b;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer}.table-container{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.table-header{display:flex;justify-content:flex-end;margin-bottom:.85rem}.add-btn{background-color:#4f46e5;color:#fff;padding:8px 16px;border:none;border-radius:7px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4f46e533}.add-btn:hover{background-color:#4338ca;transform:translateY(-1px)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background-color:#f8fafc;padding:10px 14px;color:#64748b;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.custom-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#f8fafc}.status-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-badge.active{background-color:#dcfce7;color:#15803d}.status-badge.on-leave{background-color:#fef3c7;color:#92400e}.action-btn{padding:6px 12px;margin-right:8px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:opacity .2s ease}.action-btn.edit{background-color:#e0e7ff;color:#4338ca}.action-btn.delete{background-color:#fee2e2;color:#b91c1c}.action-btn:hover{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:1.35rem 1.65rem;border-radius:12px;width:400px;box-shadow:0 10px 25px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-group{margin-bottom:.85rem}.form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:.85rem;color:#4b5563}.form-group input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.25rem}.cancel-btn{background:#f3f4f6;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.save-btn{background:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.action-btn.view{background-color:#f0fdf4;color:#16a34a}.action-btn.view:hover{background-color:#dcfce7}.view-list{list-style:none;padding:0;margin:1.5rem 0}.view-list-item{padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;border:1px solid #e2e8f0}.no-data{text-align:center;color:#94a3b8;padding:20px;font-style:italic}.add-associate-btn{width:100%;padding:8px 12px;background-color:#f1f5f9;border:2px dashed #cbd5e1;color:#475569;border-radius:8px;cursor:pointer;font-weight:600;margin-bottom:.85rem;font-size:.875rem}.assign-form{background:#f8fafc;padding:10px 14px;border-radius:8px;margin-bottom:.85rem;border:1px solid #e2e8f0}.modal-select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;margin-bottom:8px}.view-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #f1f5f9}.remove-link{background:none;border:none;color:#ef4444;font-size:.8rem;cursor:pointer;text-decoration:underline}.small{padding:5px 12px!important;font-size:.85rem!important}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.add-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.full-width{grid-column:span 2}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.detail-label{color:#64748b;font-size:.8rem;margin-bottom:2px}.detail-value{font-weight:600;margin:0 0 .5rem;color:#1e293b;font-size:.95rem}@media(max-width:768px){.add-form-grid,.details-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.table-container{padding:1rem;overflow-x:auto}.custom-table th,.custom-table td{padding:10px;font-size:.85rem;white-space:nowrap}.table-header{flex-direction:column;align-items:flex-start;gap:10px}.add-btn{width:100%}.modal-content{padding:1.5rem;width:95%}}.car-info{display:flex;flex-direction:column}.car-title{font-weight:600;color:#1e293b}.plate-badge{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-family:monospace;font-weight:700;color:#475569;border:1px solid #cbd5e1}.unassigned{color:#94a3b8;font-style:italic}.status-pill.in-use{background-color:#e0e7ff;color:#4338ca}.status-pill.available{background-color:#dcfce7;color:#15803d}.modal-subtext{font-size:.9rem;color:#64748b;margin-bottom:20px}.modal-select{width:100%;padding:12px;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;font-size:1rem;outline:none}.modal-select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.unassigned{color:#94a3b8;font-style:italic;font-size:.9rem}.modal-input{width:100%;padding:12px;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.modal-input:focus{border-color:#4f46e5}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;padding:1.25rem 1.5rem;border-radius:14px;width:100%;max-width:500px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;position:relative}.modal-box-lg{max-width:700px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-section-header{grid-column:span 2;font-size:1.1rem;margin-top:.5rem;border-bottom:1px solid #eee;padding-bottom:5px;font-weight:600;color:#1e293b}.modal-full-width{grid-column:span 2}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.expiry-group{display:flex;gap:2rem}.detail-label{color:#64748b;font-size:.85rem;margin-bottom:4px}.detail-value{font-weight:600;margin:0 0 1rem;color:#1e293b}@media(max-width:640px){.modal-form-grid,.details-grid{grid-template-columns:1fr;gap:1rem}.form-section-header,.modal-full-width{grid-column:span 1}.expiry-group{flex-direction:column;gap:1rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-table th,.custom-table td{padding:10px;font-size:.9rem}.action-btn{padding:6px 10px;margin-bottom:4px}}.table-container{padding:0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.amount-cell{font-weight:700;color:#0f172a}.date-time{display:flex;flex-direction:column}.date-time small{color:#94a3b8;font-size:.75rem}.status-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block}.status-complete{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-pending{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a}.font-semibold{font-weight:600}.table-wrapper{overflow-x:auto;margin-top:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0}.pay-btn{background:#4f46e5;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.pay-btn:hover{background:#4338ca}.payment-modal{width:90%;max-width:450px;padding:1.5rem!important;border-radius:12px}.modal-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.modal-header-simple h3{margin:0;color:#0f172a;font-size:1.25rem}.close-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#64748b}.payment-body{display:flex;flex-direction:column;gap:1.5rem}.amount-display-simple{text-align:center;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.amount-display-simple small{color:#64748b;font-weight:600;text-transform:uppercase;font-size:.75rem}.amount-display-simple h1{margin:4px 0 0;font-size:2rem;color:#0f172a}.qr-section-simple{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-box-simple{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:10px;width:180px;height:180px;display:flex;justify-content:center;align-items:center}.qr-placeholder{width:100%;height:100%;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:1rem;border-radius:8px;gap:8px}.upi-id-simple{font-family:monospace;background:#f1f5f9;padding:4px 8px;border-radius:4px;color:#475569;font-size:.9rem}.bank-section-simple{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e2e8f0}.detail-row:last-child{border-bottom:none}.detail-row span{color:#64748b;font-size:.85rem}.detail-row strong{color:#0f172a;font-weight:600;font-size:.9rem}.payment-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn-primary-pay{background:#10b981;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.btn-primary-pay:hover{background:#059669}.btn-secondary{background:#f1f5f9;color:#475569;padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;width:100%}.expense-modal{width:90%;max-width:500px}.form-group label{font-weight:600;color:#334155;font-size:.9rem;margin-bottom:6px;display:block}.amount-cell.success{color:#10b981}.method-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid #e2e8f0}.txn-id{font-family:monospace;color:#64748b;font-size:.85rem}.history-table .custom-table th{background:#f8fafc}.history-table .custom-table tr:hover{background-color:#fcfdfe}.modal-wide{max-width:800px!important}.history-list-modal{max-height:400px;overflow-y:auto}.visit-site-container{display:flex;flex-direction:column;gap:1.15rem}.visit-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:.25rem}.visit-header-info h2{margin:0;font-family:var(--font-heading, sans-serif);font-size:1.35rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.visit-header-info p{margin:3px 0 0;font-size:.82rem;color:#64748b}.visit-header-actions{display:flex;align-items:center;gap:.65rem}.btn-compact-refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid #cbd5e1;color:#334155;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-compact-refresh:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.visit-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.visit-summary-card{background:#fff;padding:.95rem 1.15rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:.85rem;transition:transform .2s ease,box-shadow .2s ease}.visit-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.visit-summary-icon{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.visit-summary-details{display:flex;flex-direction:column;gap:2px}.visit-summary-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.visit-summary-value{margin:0;font-family:var(--font-heading, sans-serif);font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.1}.visit-list-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden}.visit-list-header{padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;background:#fcfdfe}.visit-list-header h3{margin:0;font-size:.95rem;font-weight:700;color:#0f172a}.visit-count-badge{font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9;padding:3px 9px;border-radius:999px;border:1px solid #e2e8f0}.visit-table-wrapper{overflow-x:auto}.compact-visit-table{width:100%;border-collapse:collapse;text-align:left}.compact-visit-table th{background:#f8fafc;padding:9px 14px;color:#475569;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.compact-visit-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.84rem;vertical-align:middle}.compact-visit-table tr:hover td{background-color:#f8faff}.compact-visit-table tr:last-child td{border-bottom:none}.project-id-chip{display:inline-block;font-weight:700;color:#4f46e5;background:#eef2ff;padding:2px 8px;border-radius:6px;font-size:.8rem;font-family:ui-monospace,monospace}.cell-primary{font-weight:600;color:#0f172a}.cell-subtext{font-size:.74rem;color:#64748b;margin-top:1px}.passenger-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;background:#f1f5f9;color:#334155;border-radius:6px;font-weight:700;font-size:.78rem}.visit-status-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.btn-view-compact{padding:4px 10px;font-size:.76rem;font-weight:600;color:#4f46e5;background:#fff;border:1px solid #c7d2fe;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-view-compact:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.visit-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.visit-modal-card{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003,0 0 0 1px #e2e8f0cc;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.visit-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.modal-header-text h3{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a}.modal-header-text p{margin:2px 0 0;font-size:.75rem;color:#64748b}.btn-close-modal{width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.btn-close-modal:hover{background:#e2e8f0;color:#0f172a}.modal-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.modal-box-title{margin:0;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.modal-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.kv-item{display:flex;flex-direction:column}.kv-label{font-size:.7rem;color:#94a3b8}.kv-value{font-size:.82rem;font-weight:600;color:#1e293b}.modal-team-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.team-card-compact{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.team-avatar-mini{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.customer-card-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem}.modal-actions-bar{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.btn-modal-cancel{padding:7px 16px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-modal-confirm{padding:7px 18px;background:#4f46e5;border:none;color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}@media(max-width:640px){.modal-section-grid,.modal-team-row{grid-template-columns:1fr}}.team-container{padding:.25rem 0;max-width:1400px;margin:0 auto;background:transparent;min-height:auto}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.team-header h1{margin:0;font-size:1.35rem;color:#1e293b}.team-form-container{background:#fff;padding:1.25rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin-bottom:1.25rem}.team-form-container h2{margin-top:0;color:#1e293b;border-bottom:2px solid #667eea;padding-bottom:.65rem;font-size:1.2rem}.team-form{display:flex;flex-direction:column;gap:.85rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.85rem}.team-controls{display:grid;grid-template-columns:2fr 1fr;gap:.85rem;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.team-section{background:linear-gradient(180deg,#fff,#f8fafc);padding:1.25rem;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b826}.team-section h2{margin-top:0;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem;font-size:1.1rem;letter-spacing:.02em}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin-top:1rem}.team-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #667eea;border-radius:10px;overflow:hidden;transition:all .22s ease;display:flex;flex-direction:column;box-shadow:0 2px 6px #0f172a0a}.team-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a14;border-color:#94a3b8}.team-image{width:100%;height:92px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.team-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.team-card:hover .team-image img{transform:scale(1.02)}.team-content{padding:.7rem .8rem .5rem;flex-grow:1;display:flex;flex-direction:column}.team-card h3{margin:0 0 .2rem;color:#1e293b;font-size:.96rem;line-height:1.3}.team-position{color:#667eea;font-size:.68rem;margin:.15rem 0;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.team-bio{color:#64748b;font-size:.74rem;margin:.45rem 0;line-height:1.4;flex-grow:1}.team-contact{display:flex;flex-direction:column;gap:.25rem;margin:.35rem 0;padding:.45rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.contact-link{color:#475569;text-decoration:none;font-size:.7rem;display:flex;align-items:center;gap:.35rem;transition:color .3s ease}.contact-link:hover{color:#764ba2;text-decoration:underline}.team-socials{display:flex;gap:.6rem;justify-content:center;margin:.75rem 0 0}.social-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f0f0f0;color:#667eea;text-decoration:none;font-weight:700;transition:all .3s ease;font-size:.72rem}.social-link:hover{background:#667eea;color:#fff;transform:scale(1.08)}.team-actions{display:flex;justify-content:flex-end;gap:.45rem;padding:0 1rem 1rem}.team-actions button{flex:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.team-actions .btn-edit{background:#e0f2fe;color:#0369a1}.team-actions .btn-delete{background:#fee2e2;color:#b91c1c}.team-actions .btn-edit:hover,.team-actions .btn-delete:hover{transform:translateY(-1px);filter:brightness(.98)}@media(max-width:768px){.team-container{padding:1rem}.team-header{flex-direction:column;gap:1rem;text-align:center}.team-header h1{font-size:1.5rem}.team-controls,.form-row,.team-grid{grid-template-columns:1fr}}@media(max-width:480px){.team-form-container,.team-controls,.team-section{padding:1rem}.team-form-container h2,.team-section h2{font-size:1.3rem}.btn-primary,.btn-secondary{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}.team-socials{justify-content:space-around}.social-link{width:35px;height:35px}}.about-cms-page{max-width:1100px;margin:0 auto;padding:.5rem 0}.about-cms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.about-cms-header h2{margin:.25rem 0 .35rem;color:#1e293b;font-size:1.35rem}.about-cms-header p{margin:0;color:#64748b;font-size:.875rem}.about-status{padding:.3rem .65rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:700}.about-form{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 12px #0f172a0a}.about-form-section{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.about-form-section:last-of-type{border-bottom:none}.about-section-title{display:flex;gap:.85rem;margin-bottom:1rem}.about-section-title>span{color:#4f46e5;font-weight:800}.about-section-title h3{margin:0 0 .25rem;color:#1e293b;font-size:1.05rem}.about-section-title p{margin:0;color:#64748b;font-size:.85rem}.about-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.about-form label{display:grid;gap:.35rem;margin-bottom:.75rem;color:#334155;font-size:.825rem;font-weight:700}.about-form input:not([type=file]),.about-form textarea{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font:inherit;font-size:.875rem;font-weight:400;resize:vertical}.about-form input:focus,.about-form textarea:focus{outline:2px solid #c7d2fe;border-color:#6366f1}.about-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.image-upload-box{position:relative;display:flex!important;min-height:180px;align-content:center;justify-items:center;align-items:center;justify-content:center;flex-direction:column;padding:1rem;border:1.5px dashed #a5b4fc;border-radius:9px;background:#f8fafc;text-align:center;overflow:hidden}.image-upload-box input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.image-upload-box strong,.image-upload-box small,.upload-icon{position:relative;z-index:2}.image-upload-box strong{color:#334155}.image-upload-box small{color:#64748b;font-weight:400}.upload-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:.35rem;border-radius:50%;background:#e0e7ff;color:#4f46e5;font-size:1.3rem}.image-upload-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px;opacity:1;z-index:4;pointer-events:none}.gallery-upload-box{align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.gallery-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%;margin:0;padding:0}.gallery-thumb{position:relative;width:100%;height:70px;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1}.gallery-thumb img{width:100%;height:100%;object-fit:cover;opacity:1}.remove-image-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#0f172acc;color:#fff;font-size:20px;cursor:pointer;z-index:5;display:grid;place-items:center}.remove-image-btn:hover{background:#0f172af2}.remove-gallery-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;background:#0f172acc;color:#fff;font-size:16px;cursor:pointer;z-index:5;display:grid;place-items:center}.remove-gallery-btn:hover{background:#0f172af2}.about-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.25rem 1.75rem;background:#f8fafc}.about-saved{color:#15803d;font-size:.85rem;font-weight:600}.about-save-button{padding:.75rem 1.1rem;border:0;border-radius:7px;background:#4f46e5;color:#fff;cursor:pointer;font:inherit;font-weight:700}.about-save-button:hover{background:#4338ca}@media(max-width:640px){.about-form-grid,.about-image-grid{grid-template-columns:1fr}.about-form-section{padding:1.25rem}.about-form-actions{align-items:stretch;flex-direction:column;padding:1.25rem}}.gallery-cms-page{max-width:1200px;margin:0 auto;padding:.5rem 0}.gallery-cms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.gallery-cms-header h2{margin:.25rem 0;color:#1e293b;font-size:1.35rem}.gallery-cms-header p{margin:0;color:#64748b;font-size:.875rem}.cms-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.35rem}.gallery-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.gallery-upload-section{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.media-upload-box{position:relative;display:grid;place-items:center;gap:.5rem;padding:1.75rem 1.5rem;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;text-align:center;cursor:pointer;transition:all .2s ease}.media-upload-box:hover{border-color:#4f46e5;background:#f0f4ff}.media-upload-box input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.media-upload-box input[type=file]:disabled{cursor:not-allowed}.media-upload-box .media-upload-icon{font-size:2.5rem;display:block}.media-upload-box strong{display:block;color:#1e293b;font-weight:600;font-size:1rem}.media-upload-box small{display:block;color:#64748b;font-size:.875rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;padding:1.25rem 1.5rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.gallery-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #0f172a1a}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:#0f172ae6;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:10}.gallery-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626e6}@media(max-width:768px){.gallery-cms-page{padding:1rem}.gallery-cms-header{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:1rem}.gallery-upload-section{padding:1rem}.media-upload-box{padding:2rem 1rem}}.animate-fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-container{padding:.25rem 0;max-width:1400px;margin:0 auto;background:transparent;min-height:auto}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.blog-header h1{margin:0;font-size:1.35rem;color:#1e293b}.blog-form-container{background:#fff;padding:1.25rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin-bottom:1.25rem}.blog-form-container h2{margin-top:0;color:#1e293b;border-bottom:2px solid #667eea;padding-bottom:.65rem;font-size:1.2rem}.blog-form{display:flex;flex-direction:column;gap:.85rem}.blog-controls{display:grid;grid-template-columns:2fr 1fr;gap:.85rem;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.blogs-section{background:linear-gradient(180deg,#fff,#f8fafc);padding:1.25rem;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b826}.blogs-section h2{margin-top:0;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem;font-size:1.1rem;letter-spacing:.02em}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin-top:1rem}.blog-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #667eea;border-radius:10px;overflow:hidden;transition:all .22s ease;display:flex;flex-direction:column;box-shadow:0 2px 6px #0f172a0a}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a14;border-color:#94a3b8}.blog-image{width:100%;height:92px;overflow:hidden;background:#f0f0f0}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:.7rem .8rem .5rem;flex-grow:1;display:flex;flex-direction:column}.blog-meta{display:flex;gap:.45rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.badge-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.22rem .55rem;border-radius:12px;font-size:.62rem;font-weight:600}.blog-date{color:#94a3b8;font-size:.64rem}.blog-card h3{margin:0 0 .2rem;color:#1e293b;font-size:.96rem;line-height:1.3}.blog-summary{color:#64748b;font-size:.74rem;margin:.4rem 0;line-height:1.4}.blog-author{color:#667eea;font-size:.72rem;margin:.3rem 0;font-weight:600}.blog-preview{color:#94a3b8;font-size:.68rem;margin:.35rem 0 .7rem;flex-grow:1;line-height:1.4}.blog-actions{display:flex;justify-content:flex-end;gap:.45rem;padding:0 .8rem .8rem}.blog-actions button{flex:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.blog-actions .btn-edit{background:#e0f2fe;color:#0369a1}.blog-actions .btn-delete{background:#fee2e2;color:#b91c1c}.blog-actions .btn-edit:hover,.blog-actions .btn-delete:hover{transform:translateY(-1px);filter:brightness(.98)}@media(max-width:768px){.blog-container{padding:1rem}.blog-header{flex-direction:column;gap:1rem;text-align:center}.blog-header h1{font-size:1.5rem}.blog-controls,.form-row,.blogs-grid{grid-template-columns:1fr}}@media(max-width:480px){.blog-form-container,.blog-controls,.blogs-section{padding:1rem}.blog-form-container h2,.blogs-section h2{font-size:1.3rem}.btn-primary,.btn-secondary{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.service-container{padding:.25rem 0;max-width:1400px;margin:0 auto;background:transparent;min-height:auto}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.service-header h1{margin:0;font-size:1.35rem;color:#1e293b}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#e0e0e0;color:#333;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#d0d0d0}.btn-edit{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-delete:hover{background:#da190b}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500}.alert-error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.service-form-container{background:#fff;padding:1.25rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin-bottom:1.25rem}.service-form-container h2{margin-top:0;color:#1e293b;border-bottom:2px solid #667eea;padding-bottom:.65rem;font-size:1.2rem}.service-form{display:flex;flex-direction:column;gap:.85rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-weight:600;color:#334155;font-size:.85rem}.form-group input,.form-group textarea,.form-group select{padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.image-preview{margin-top:.75rem;max-width:250px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000026}.image-preview img{width:100%;height:auto;display:block}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.form-actions button{flex:1;padding:.6rem 1.25rem;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none}.service-controls{display:grid;grid-template-columns:2fr 1fr;gap:.85rem;margin-bottom:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.search-box,.filter-box{display:flex;gap:.5rem}.search-box input,.filter-box select{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.search-box input:focus,.filter-box select:focus{outline:none;border-color:#667eea}.services-section{background:linear-gradient(180deg,#fff,#f8fafc);padding:1.25rem;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b826}.services-section h2{margin-top:0;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem;font-size:1.1rem;letter-spacing:.02em}.loading{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.no-data{text-align:center;padding:3rem;color:#999;background:#f5f5f5;border-radius:6px;font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin-top:1rem}.service-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #667eea;border-radius:10px;overflow:hidden;transition:all .22s ease;display:flex;flex-direction:column;box-shadow:0 2px 6px #0f172a0a}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a14;border-color:#94a3b8}.service-image{width:100%;height:92px;overflow:hidden;background:#f0f0f0}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.05)}.service-content{padding:.7rem .8rem .5rem;flex-grow:1;display:flex;flex-direction:column}.service-card h3{margin:0 0 .2rem;color:#1e293b;font-size:.96rem;line-height:1.3}.service-subtitle{color:#667eea;font-size:.68rem;margin:.15rem 0;font-weight:700}.service-price{color:#dc2626;font-size:.92rem;font-weight:700;margin:.45rem 0}.service-summary{color:#64748b;font-size:.74rem;margin:.45rem 0;line-height:1.4}.service-preview{color:#94a3b8;font-size:.68rem;margin:.35rem 0 .7rem;flex-grow:1;line-height:1.4}.service-meta{display:flex;gap:1rem;align-items:center;padding-top:.55rem;border-top:1px solid #e2e8f0;margin-top:auto}.service-date{color:#94a3b8;font-size:.66rem}.service-actions{display:flex;justify-content:flex-end;gap:.45rem;padding:0 .8rem .8rem}.service-actions button{flex:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.service-actions .btn-edit{background:#e0f2fe;color:#0369a1}.service-actions .btn-delete{background:#fee2e2;color:#b91c1c}.service-actions .btn-edit:hover,.service-actions .btn-delete:hover{transform:translateY(-1px);filter:brightness(.98)}@media(max-width:768px){.service-container{padding:1rem}.service-header{flex-direction:column;gap:1rem;text-align:center}.service-header h1{font-size:1.5rem}.service-controls,.form-row,.services-grid{grid-template-columns:1fr}}@media(max-width:480px){.service-form-container,.service-controls,.services-section{padding:1rem}.service-form-container h2,.services-section h2{font-size:1.3rem}.btn-primary,.btn-secondary{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}