@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@300;400;500;600;700&display=swap";:root{--primary:#d4af37;--primary-hover:#aa771c;--secondary:#38bdf8;--bg-dark:#0a0d14;--bg-card:#111622bf;--text-main:#f3f4f6;--text-muted:#9ca3af;--warning:#fbbf24;--glass-border:#d4af3724}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);background-image:linear-gradient(#0a0d14e0,#0f121cf2),url(https://upload.wikimedia.org/wikipedia/commons/7/7c/The_Holy_Meadow_of_Shangarh%2C_Sainj_Valley.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;font-family:Outfit,Noto Sans Devanagari,-apple-system,sans-serif}body:before{content:"Padav";color:#ffffff08;z-index:-1;pointer-events:none;letter-spacing:-3px;-webkit-user-select:none;user-select:none;font-size:clamp(10rem,30vw,25rem);font-weight:800;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003}.auth-split-container-v2{background:linear-gradient(#0b0f19d9,#0b0f19f2),url(https://upload.wikimedia.org/wikipedia/commons/7/7c/The_Holy_Meadow_of_Shangarh%2C_Sainj_Valley.jpg) 50%/cover no-repeat;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.auth-image-panel{display:none}@media (width>=768px){.auth-split-container-v2{background:var(--bg-dark)}.auth-image-panel{background:linear-gradient(#0b0f19d9,#0b0f19f2),url(https://upload.wikimedia.org/wikipedia/commons/7/7c/The_Holy_Meadow_of_Shangarh%2C_Sainj_Valley.jpg) 50%/cover no-repeat;flex:1.2;display:flex;position:relative}.auth-image-overlay{background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:60px;display:flex}.auth-brand{background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin:0;font-size:5rem;font-weight:800}.auth-tagline{color:#fffc;max-width:400px;margin-top:10px;font-size:1.2rem}}.auth-form-panel{-webkit-backdrop-filter:blur(15px);background:#121418a6;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}@media (width>=768px){.auth-form-panel{background:var(--bg-dark);-webkit-backdrop-filter:none;backdrop-filter:none;padding:40px}}.auth-card-modern{opacity:0;border-radius:20px;width:100%;max-width:400px;padding:24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideLeft}@media (width>=768px){.auth-card-modern{padding:40px}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{margin:0 0 10px;font-size:2rem;font-weight:700}.auth-header h2 span{color:var(--primary)}.auth-header p{color:var(--text-muted);margin:0;font-size:.95rem}.input-group{flex-direction:column;margin-bottom:20px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600}.input-group input,.input-group select{border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:1.1rem;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ff6b6b33}.input-group input::placeholder{color:#fff3}#pin{letter-spacing:8px;font-size:1.5rem;font-weight:700}.auth-btn-modern{color:#08080a;background:linear-gradient(135deg,#f3e5ab 0%,#d4af37 50%,#aa771c 100%);border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #d4af374d}.auth-btn-modern:hover{transform:translateY(-2px);box-shadow:0 15px 25px #d4af3766}.auth-footer{text-align:center;color:var(--text-muted);margin-top:25px;font-size:.9rem}.auth-footer a{color:var(--secondary);margin-left:5px;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard-wrapper{min-height:100vh;padding-bottom:40px;animation:.4s fadeIn}.dashboard-hero{border-bottom:1px solid var(--glass-border);background:linear-gradient(#0b0f19b3,#0b0f19e6),url(https://upload.wikimedia.org/wikipedia/commons/7/7c/The_Holy_Meadow_of_Shangarh%2C_Sainj_Valley.jpg) 50% calc(50% + 20px)/cover no-repeat;height:200px;position:relative}@media (width>=768px){.dashboard-hero{height:280px}}.dashboard-hero-overlay{background:linear-gradient(to bottom, #0000001a, var(--bg-dark));position:absolute;inset:0}.dashboard-container{z-index:10;max-width:600px;margin:-60px auto 0;padding:0 20px;position:relative}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.profile-info{align-items:center;gap:15px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary), #ff8e8e);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 15px #ff6b6b4d}.full-name-display{background:linear-gradient(135deg, white, var(--text-muted));-webkit-text-fill-color:transparent;text-transform:capitalize;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.6rem;font-weight:700}.profile-badges{align-items:center;gap:8px;display:flex}.role-badge{color:var(--secondary);text-transform:uppercase;background:#4ecdc426;border-radius:8px;margin:0;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.points-badge{color:gold;background:#ffd70033;border:1px solid #ffd70066;border-radius:8px;margin:0;padding:3px 10px;font-size:.75rem;font-weight:700;transition:transform .3s;display:inline-block;box-shadow:0 0 10px #ffd70033}.points-badge:hover{transform:scale(1.05)}.empty-state{text-align:center;padding:40px 20px;animation:.5s fadeIn}.empty-state h3{color:var(--warning);margin:0 0 10px;font-size:1.5rem}.empty-state p{color:var(--text-muted);margin:0}.highlight-glow{border-bottom:2px solid var(--primary)}.glow-text{background:linear-gradient(90deg, var(--primary), var(--warning));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-icon{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--primary);background:#ffffff0d}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:30px;display:grid}.stats-row-actions{grid-column:1/-1}.stat-card{text-align:center;padding:20px}.stat-card h3{color:var(--text-muted);margin:0 0 10px;font-size:.85rem;font-weight:400}.stat-card p{color:var(--text-main);margin:0;font-size:2rem;font-weight:700}.order-list h2{color:var(--text-muted);margin-bottom:20px;font-size:1.2rem;font-weight:600}.order-card{flex-direction:column;gap:15px;margin-bottom:15px;padding:20px;transition:transform .2s;display:flex}.order-card:active{transform:scale(.98)}.order-card.cooking{border-left:4px solid var(--warning)}.order-card.ready{border-left:4px solid var(--secondary)}.order-info{flex-direction:column;gap:8px;display:flex}.order-meta{justify-content:space-between;align-items:center;display:flex}.room-name{font-size:1.1rem;font-weight:700}.time{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:4px 8px;font-size:.8rem}.item-name{color:#ffffffe6;margin:0;font-size:1rem}.order-action{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:5px;padding-top:15px;display:flex}.status-badge{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700}.status-badge.cooking{color:var(--warning);background:#ffe66d26}.status-badge.ready{color:var(--secondary);background:#4ecdc426}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit;font-weight:600;transition:transform .15s,filter .15s}button:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--secondary);border:1px solid var(--secondary);background:0 0}.btn-secondary:hover{background:#4ecdc41a}button.sm{padding:8px 16px;font-size:.85rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shift-manager-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.shift-header{flex-direction:column;display:flex}.shift-title{align-items:center;gap:8px;display:flex}.shift-title h3{margin:0;font-size:1.1rem}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px}.status-dot.active{background:var(--secondary);color:var(--secondary)}.status-dot.break{background:var(--warning);color:var(--warning)}.shift-timer{margin:5px 0 0;font-family:monospace;font-size:1.8rem;font-weight:700}.shift-actions{gap:10px;display:flex}.btn-shift{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-shift.pause{color:var(--warning);border:1px solid var(--warning);background:#ffe66d1a}.btn-shift.pause:hover{background:#ffe66d33}.btn-shift.resume{color:var(--secondary);border:1px solid var(--secondary);background:#4ecdc41a}.btn-shift.resume:hover{background:#4ecdc433}.activity-timeline{flex-direction:column;gap:20px;padding-left:20px;display:flex;position:relative}.activity-timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:5px;bottom:5px;left:5px}.timeline-item{gap:15px;display:flex;position:relative}.timeline-badge-dot{border:2px solid var(--bg-dark);background:var(--text-muted);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-20px}.timeline-item.completion .timeline-badge-dot{background:var(--secondary);box-shadow:0 0 8px var(--secondary)}.timeline-item.order .timeline-badge-dot{background:var(--primary);box-shadow:0 0 8px var(--primary)}.timeline-item.task .timeline-badge-dot{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}.timeline-item.system .timeline-badge-dot{background:var(--text-muted)}.timeline-content{flex-direction:column;display:flex}.timeline-text{color:var(--text-main);margin:0;font-size:.95rem}.timeline-time{color:var(--text-muted);margin-top:3px;font-size:.8rem}.filter-card{margin-bottom:20px;padding:15px}.search-wrapper{border:1px solid var(--glass-border);background:#00000040;border-radius:12px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;display:flex}.search-wrapper svg{color:var(--text-muted)}.filter-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.filter-selectors{flex-direction:column;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.filter-label{color:var(--text-muted);width:60px;font-size:.85rem}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0d;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--text-main);background:#ffffff14}.filter-btn.active{background:var(--secondary);color:var(--bg-dark);border-color:var(--secondary);font-weight:600}.task-count-badge{color:var(--secondary);border:1px solid var(--secondary);background:#4ecdc426;border-radius:20px;padding:4px 10px;font-size:.8rem}.btn-file-upload{border:1px dashed var(--glass-border);color:var(--text-main);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:8px;width:100%;padding:10px 15px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-block}.btn-file-upload:hover{border-color:var(--secondary);background:#ffffff14}.priority-indicator{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.priority-indicator.high{color:#ff6b6b;background:#ff6b6b33}.priority-indicator.medium{color:var(--warning);background:#ffe66d33}.priority-indicator.low{color:var(--secondary);background:#4ecdc433}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);width:90%;max-width:440px;padding:30px}.modal-content h3{color:var(--secondary);margin:0 0 10px;font-size:1.3rem}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-muted);font-size:.85rem}.input-field{border:1px solid var(--glass-border);color:var(--text-main);background:#0000004d;border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--secondary)}.btn-icon-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon-logout:hover{color:#ff6b6b;background:#ff6b6b1a}@media (width<=768px){.dashboard-container{padding:12px}.dashboard-header{margin-bottom:15px;padding:10px 0}.full-name-display{font-size:1.75rem!important}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.stat-card{padding:15px!important}.stat-card h3{font-size:.85rem}.stat-card p{font-size:1.8rem!important}.shift-manager-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.shift-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.shift-timer{margin:0;font-size:1.6rem}.btn-shift{justify-content:center;width:100%;padding:12px;font-size:.95rem}.salary-tracker-card{padding:16px!important}.salary-tracker-card h2{font-size:2.2rem!important}.order-card{flex-direction:column;align-items:stretch;gap:15px;padding:16px!important}.order-info{border-bottom:1px solid var(--glass-border);padding-bottom:12px}.order-action{border-top:none;flex-direction:column;align-items:stretch;gap:10px;padding-top:0}.order-action button{text-align:center;justify-content:center;width:100%;padding:12px!important;font-size:.95rem!important}.status-badge{text-align:center;align-self:center;width:max-content}.filter-card{padding:12px}.filter-group{flex-direction:column;align-items:stretch;gap:8px}.filter-label{width:100%}.filter-buttons{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.filter-btn{text-align:center;padding:8px 4px;font-size:.75rem}.activity-timeline{padding-left:15px}.timeline-content{background:#ffffff05;border-radius:8px;width:100%;padding:10px}.modal-overlay{align-items:flex-end}.modal-content{border-bottom:none;border-left:none;border-right:none;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpDrawer;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;padding:24px 20px 40px!important}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (width<=480px){.full-name-display{font-size:1.5rem!important}.dashboard-header{flex-direction:row;align-items:center}.btn-icon-logout{padding:6px}}.terms-box{border:1px solid var(--glass-border);color:#ffffffb3;text-align:left;scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#0006;border-radius:8px;max-height:120px;margin-top:5px;margin-bottom:8px;padding:10px 12px;font-size:.75rem;overflow-y:auto}.terms-box h4{color:var(--secondary);margin:0 0 6px;font-size:.8rem;font-weight:700}.terms-box p{margin:0 0 8px}.terms-box ol{margin:0;padding-left:15px}.terms-box li{margin-bottom:6px}.consent-checkbox-wrapper{text-align:left;align-items:flex-start;gap:8px;margin-top:4px;margin-bottom:8px;display:flex}.consent-checkbox-wrapper input[type=checkbox]{width:16px;height:16px;accent-color:var(--secondary);cursor:pointer;flex-shrink:0;margin-top:2px}.consent-checkbox-wrapper label{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem;line-height:1.3}.id-upload-dropzone{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;background:#0003;border-radius:12px;margin-top:4px;padding:16px;transition:all .2s}.id-upload-dropzone:hover{border-color:var(--secondary);background:#00f2fe0d}.id-upload-label{color:var(--text-main);cursor:pointer;font-size:.85rem;font-weight:500;display:block}.id-preview-container{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding:8px;display:flex;position:relative;overflow:hidden}.id-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px}.id-preview-remove{color:#ff6b6b;cursor:pointer;background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.id-preview-remove:hover{background:#ff6b6b4d}.property-map-wrapper{width:100%;margin:0 auto}.property-map-svg{display:block}.map-group rect{transition:all .2s ease-in-out}.map-group:hover rect{filter:brightness(1.2)drop-shadow(0 0 8px #8b5cf666);stroke:var(--accent-purple)!important}.legend-dot{box-shadow:0 0 6px}.auth-notice{border:1px solid #0000;border-radius:10px;margin:.25rem 0 .35rem;padding:.7rem .9rem;font-size:.88rem;line-height:1.45}.auth-notice-error{color:#fca5a5;background:#ef44441f;border-color:#ef444466}.auth-notice-pending{color:var(--warning);background:#fbbf241f;border-color:#fbbf2466}.staff-id-callout{border:1px dashed var(--primary);background:#d4af3714;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;margin-top:.5rem;padding:1.25rem 1rem;display:flex}.staff-id-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.staff-id-value{letter-spacing:.06em;color:var(--primary);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:700}.staff-id-hint{color:var(--text-muted);text-align:center;max-width:30ch;font-size:.8rem}.auth-btn-modern:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}
