@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: #EEF2FF;--secondary: #14B8A6;--secondary-hover: #0D9488;--secondary-light: #F0FDFA;--danger: #F43F5E;--danger-hover: #E11D48;--danger-light: #FFF1F2;--warning: #F59E0B;--warning-light: #FFFBEB;--bg-main: #F3F4F6;--bg-card: #FFFFFF;--bg-dark: #1F2937;--text-main: #111827;--text-muted: #6B7280;--text-light: #F9FAFB;--border: #E5E7EB;--border-light: rgba(255, 255, 255, .5);--border-dark: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-glow: 0 0 15px rgba(99, 102, 241, .3);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-full: 9999px;--safe-area-bottom: env(safe-area-inset-bottom, 20px);--sidebar-width: 260px}[data-theme=dark]{--primary: #818CF8;--primary-hover: #A5B4FC;--primary-light: rgba(99, 102, 241, .15);--secondary: #2DD4BF;--secondary-hover: #5EEAD4;--secondary-light: rgba(20, 184, 166, .15);--danger: #FB7185;--danger-hover: #FDA4AF;--danger-light: rgba(244, 63, 94, .15);--warning: #FBBF24;--warning-light: rgba(245, 158, 11, .15);--bg-main: #111827;--bg-card: #1F2937;--bg-dark: #374151;--text-main: #F9FAFB;--text-muted: #9CA3AF;--text-light: #FFFFFF;--border: #374151;--border-light: rgba(255, 255, 255, .1);--border-dark: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 15px rgba(129, 140, 248, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.glass:hover{box-shadow:var(--shadow-lg)}.glass-dark{background:#1f2937cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dark);color:var(--text-light);box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.mobile-container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg-main);position:relative;box-shadow:var(--shadow-2xl)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:calc(60px + var(--safe-area-bottom))}h1,h2,h3,h4{font-weight:600;line-height:1.2}input,button,select,textarea{font-family:inherit;font-size:1rem;outline:none}button{cursor:pointer;border:none;background:none;transition:all .2s ease-in-out}button:active{transform:scale(.97)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge-success{background-color:var(--secondary-light);color:var(--secondary-hover)}.badge-warning{background-color:var(--warning-light);color:#d97706}.badge-primary{background-color:var(--primary-light);color:var(--primary-hover)}.badge-neutral{background-color:var(--bg-main);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .4s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-1{flex:1}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.w-full{width:100%}.w-24{width:6rem}.w-48{width:12rem}.h-24{height:6rem}.h-56{height:14rem}.max-w-sm{max-width:24rem}.col-span-full{grid-column:1 / -1}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-white{color:#fff}.font-semibold{font-weight:600}.font-bold{font-weight:700}.inline{display:inline}.limit-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.rounded-full{border-radius:9999px}.border-2{border-width:2px;border-style:solid}.border-dashed{border-style:dashed}.border-white\/50{border-color:#ffffff80}.bg-secondary{background-color:var(--secondary)}.bg-black\/60{background:#0009}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-text{text-shadow:0 1px 3px rgba(0,0,0,.3)}.container-padded{padding:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-main);color:var(--text-main);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:0 0 15px #ef444466;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s ease}.icon-btn:hover{background:var(--bg-main);color:var(--primary)}.icon-btn.delete:hover{background:var(--danger-light);color:var(--danger)}.form-input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-row{display:flex}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.badge-radius{background:var(--primary-light);color:var(--primary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl);padding:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-dark)}.modal-body{display:flex;gap:1.5rem;padding:1.5rem}.modal-left,.modal-right{flex:1}.search-results-dropdown{position:absolute;left:0;right:0;z-index:50;max-height:200px;overflow-y:auto;border-radius:var(--radius-md)}.search-result-item{display:flex;gap:.5rem;padding:.625rem .75rem;cursor:pointer;font-size:.8125rem;transition:background .15s}.search-result-item:hover{background:#6366f11a}.search-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.map-container-modal{border-radius:var(--radius-md);overflow:hidden}@media(max-width:768px){.modal-body{flex-direction:column}}.employee-header{padding:1rem;text-align:center;position:sticky;top:0;z-index:10;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:.75rem .5rem calc(.75rem + var(--safe-area-bottom));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -4px 10px #0000000d;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.75rem;gap:.25rem;transition:color .2s,transform .2s}.nav-item:hover{transform:translateY(-2px)}.nav-item.active{color:var(--primary);font-weight:500}.nav-item.active svg{stroke:var(--primary);stroke-width:2.5}.admin-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-main);overflow:hidden}.admin-sidebar{width:220px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;z-index:100;box-shadow:var(--shadow-sm)}.admin-sidebar.closed{width:70px}.admin-sidebar.closed .sidebar-header h2,.admin-sidebar.closed .sidebar-link span{display:none}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-header .brand{display:flex;align-items:center;gap:.5rem}.sidebar-header h2{color:var(--primary);font-size:1.25rem;font-weight:700;white-space:nowrap}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;padding:.875rem 1.25rem;color:var(--text-muted);text-decoration:none;font-weight:500;gap:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:1rem}.sidebar-link:hover{background-color:var(--bg-main);color:var(--primary)}.sidebar-link.active{background-color:var(--primary-light);color:var(--primary-hover);border-left-color:var(--primary)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.logout-btn{width:100%;justify-content:flex-start;color:var(--danger);border-left:none}.logout-btn:hover{background-color:var(--danger-light);color:var(--danger)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{height:70px;background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:var(--shadow-sm);z-index:10}.toggle-btn{color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);transition:background-color .2s}.toggle-btn:hover{background-color:var(--bg-main);color:var(--primary)}.toggle-btn:hover{color:var(--text-main)}.header-user{font-weight:500}.admin-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--bg-main)}.mobile-only{display:none}@media(max-width:768px){.admin-sidebar{position:fixed;height:100vh;transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%);width:250px}.mobile-only{display:block}}