:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f1f1f1}@media (prefers-color-scheme: dark){:root{--tg-theme-bg-color: #212121;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #aaaaaa;--tg-theme-link-color: #8bb8e8;--tg-theme-button-color: #8bb8e8;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #181818}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--gothic-bg, #0f0f0f);color:var(--gothic-text, #e5e5e5);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:100%;padding:20px;min-height:100vh;display:flex;flex-direction:column;gap:24px;background:var(--gothic-bg, #0f0f0f)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--tg-theme-hint-color);border-top:3px solid var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite}.header{text-align:center;padding:20px 0;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000004d;border:1px solid var(--gothic-border, #3a3a3a)}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--gothic-text, #e5e5e5),var(--gothic-highlight, #4b5563));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--gothic-text-muted, #9ca3af);font-size:1.1rem;font-weight:400}.user-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:16px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--gothic-border, #3a3a3a);transition:all .3s ease}.user-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--gothic-dark, #374151),var(--gothic-highlight, #4b5563));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;text-transform:uppercase;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;text-transform:uppercase}.user-info h3{font-size:1.3rem;font-weight:600;margin-bottom:4px;color:var(--gothic-text, #e5e5e5)}.username{color:var(--gothic-text-muted, #9ca3af);font-size:.95rem}.user-stats{margin-left:auto;display:flex;flex-direction:column;gap:8px;text-align:right}.earnings{display:flex;flex-direction:column;align-items:flex-end}.earnings .amount{font-size:1.4rem;font-weight:700;color:#10b981;margin-bottom:2px}.earnings .label{font-size:.8rem;color:var(--gothic-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.shifts-count{display:flex;flex-direction:column;align-items:flex-end}.shifts-count .count{font-size:2rem;font-weight:800;color:var(--gothic-text, #e5e5e5);line-height:1}.shifts-count .label{font-size:.8rem;color:var(--gothic-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.action-cards{display:flex;flex-direction:column;gap:16px;margin:32px 0}.action-card{display:block;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:1px solid var(--gothic-border, #3a3a3a);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9811a,#3b82f61a);opacity:0;transition:opacity .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:#10b9814d}.action-card:hover:before{opacity:1}.action-card-content{position:relative;z-index:1}.action-card h3{font-size:1.3rem;font-weight:600;color:var(--gothic-text, #e5e5e5);margin:0 0 8px}.action-card p{font-size:.95rem;color:var(--gothic-text-muted, #9ca3af);margin:0;line-height:1.4}@media (max-width: 480px){.action-cards{gap:12px;margin:24px 0}.action-card{padding:20px}.action-card h3{font-size:1.2rem}.action-card p{font-size:.9rem}}.main-action-section{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:20px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--gothic-border, #3a3a3a)}.action-content{margin-bottom:30px}.action-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.main-action-section h2{font-size:1.8rem;margin-bottom:16px;background:linear-gradient(135deg,var(--gothic-text, #e5e5e5),var(--gothic-highlight, #4b5563));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.action-description{color:var(--gothic-text-muted, #9ca3af);font-size:1rem;line-height:1.5;margin-bottom:0}.telegram-button-hint{background:#4b55631a;border:2px dashed var(--gothic-highlight, #4b5563);border-radius:16px;padding:16px;margin-top:20px;animation:pulse 2s infinite}.telegram-button-hint span{color:var(--gothic-highlight, #4b5563);font-weight:600;font-size:16px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 28px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-large{padding:18px 36px;font-size:1.2rem;min-width:200px;border-radius:16px}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--gothic-dark, #374151),var(--gothic-highlight, #4b5563));color:var(--gothic-text, #e5e5e5);box-shadow:0 4px 12px #3741514d}.btn-primary:hover{box-shadow:0 6px 16px #37415166;transform:translateY(-2px)}.btn-secondary{background:var(--tg-theme-hint-color);color:var(--tg-theme-bg-color);box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{background:#777;transform:translateY(-2px)}.info-section{padding:24px;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:16px;box-shadow:0 2px 8px #0000004d;border:1px solid var(--gothic-border, #3a3a3a)}.info-section h3{font-size:1.3rem;margin-bottom:16px;color:var(--gothic-text, #e5e5e5)}.steps-list{display:grid;gap:16px}.step-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--gothic-bg, #0f0f0f);border-radius:12px;border:1px solid var(--gothic-border, #3a3a3a);transition:transform .2s ease}.step-item:hover{transform:translateY(-2px)}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gothic-dark, #374151),var(--gothic-highlight, #4b5563));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.step-content h4{font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--gothic-text, #e5e5e5)}.step-content p{color:var(--gothic-text-muted, #9ca3af);font-size:.95rem;line-height:1.4;margin:0}@media (max-width: 480px){.container{padding:16px;gap:20px}.header h1{font-size:2rem}.counter-value{font-size:3rem}.button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.user-card{padding:16px}.user-avatar{width:50px;height:50px;font-size:1.2rem}}.container>*{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:32px}.page-header h1{font-size:2.4rem;font-weight:600;margin-bottom:8px;background:linear-gradient(135deg,#ffffffe6,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-header .subtitle{color:#fff9;font-size:1rem;margin:0;font-weight:400}.shifts-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.summary-card{background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:16px;border:1px solid var(--gothic-border, #3a3a3a);overflow:hidden;transition:all .3s ease;position:relative}.summary-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9810d,#3b82f60d);opacity:0;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;border-color:#10b9814d}.summary-card:hover:before{opacity:1}.summary-content{padding:20px;text-align:center;position:relative;z-index:1}.summary-value{display:block;font-size:1.6rem;font-weight:700;color:#10b981;margin-bottom:8px;line-height:1}.summary-label{font-size:.85rem;color:var(--gothic-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.shifts-list{display:flex;flex-direction:column;gap:16px}.glass-shift-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.glass-shift-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-shift-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26;border-color:#fff3}.glass-shift-card:hover:before{opacity:1}.glass-card-header{padding:24px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.glass-card-header:hover{background:#ffffff0d}.glass-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.glass-store-name{font-size:1.3rem;font-weight:600;color:#fffffff2;margin:0;letter-spacing:-.01em;line-height:1.2}.glass-expand-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#ffffffb3;transition:all .3s ease;backdrop-filter:blur(10px)}.glass-expand-arrow:hover{background:#ffffff1f;border-color:#fff3;color:#ffffffe6;transform:scale(1.05)}.glass-card-content{display:flex;justify-content:space-between;align-items:flex-end}.glass-shift-info{display:flex;flex-direction:column;gap:6px}.glass-date{font-size:.9rem;color:#ffffffb3;font-weight:500}.glass-role{font-size:.85rem;color:#ffffff80;font-weight:400}.glass-earnings{font-size:1.4rem;font-weight:700;color:#00d4aa;text-shadow:0 0 20px rgba(0,212,170,.3);letter-spacing:-.01em}.shift-status{font-size:.8rem;padding:4px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-upcoming{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-cancelled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.shift-earnings{text-align:right;margin-right:16px}.earnings-amount{display:block;font-size:1.3rem;font-weight:700;color:#10b981;margin-bottom:4px}.rating{display:flex;gap:2px;justify-content:flex-end}.star{font-size:.9rem;color:var(--gothic-text-muted, #9ca3af);opacity:.3;transition:all .2s ease}.star.filled{color:#fbbf24;opacity:1;text-shadow:0 0 4px rgba(251,191,36,.3)}.expand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.1rem;font-weight:600;color:var(--gothic-text-muted, #9ca3af);background:#ffffff0d;border:1px solid var(--gothic-border, #3a3a3a);border-radius:8px;transition:all .2s ease}.expand-icon:hover{background:#10b9811a;border-color:#10b9814d;color:#10b981}.glass-details{padding:0 24px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003;position:relative;z-index:1;backdrop-filter:blur(10px)}.glass-detail-grid{display:grid;gap:16px;margin-top:20px}.glass-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.glass-detail-item:hover{background:#ffffff0f;border-color:#ffffff26}.glass-detail-label{font-weight:500;color:#ffffffb3;font-size:.9rem;min-width:80px}.glass-detail-value{color:#ffffffe6;text-align:right;font-weight:400;font-size:.9rem}.glass-status{padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glass-status.status-completed{background:#00d4aa33;color:#00d4aa;border:1px solid rgba(0,212,170,.3)}.glass-status.status-upcoming{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.glass-status.status-cancelled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.glass-rating{display:flex;align-items:center;gap:8px}.glass-star{font-size:.9rem;color:#ffffff4d;transition:all .2s ease}.glass-star.filled{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4)}.glass-rating-text{font-size:.85rem;color:#fff9;font-weight:500}@media (max-width: 480px){.shifts-summary{grid-template-columns:1fr;gap:12px}.summary-content{padding:16px}.glass-card-header{padding:20px}.glass-card-top{margin-bottom:12px}.glass-store-name{font-size:1.2rem}.glass-expand-arrow{width:28px;height:28px}.glass-card-content{flex-direction:column;align-items:flex-start;gap:12px}.glass-earnings{align-self:flex-end;font-size:1.3rem}.glass-details{padding:0 20px 20px}.glass-detail-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.glass-detail-value{text-align:left}.glass-rating{justify-content:flex-start}}::-webkit-scrollbar{width:0px;background:transparent}.btn,.user-card,.counter-section,.info-section{will-change:transform}body.telegram-dark{--tg-theme-bg-color: #212121;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #aaaaaa;--tg-theme-secondary-bg-color: #181818}body.telegram-light{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-secondary-bg-color: #f1f1f1}:root{--gothic-bg: #0f0f0f;--gothic-surface: #1a1a1a;--gothic-surface-light: #2a2a2a;--gothic-border: #3a3a3a;--gothic-text: #e5e5e5;--gothic-text-muted: #9ca3af;--gothic-accent: #6b7280;--gothic-dark: #374151;--gothic-darker: #1f2937;--gothic-highlight: #4b5563;--gothic-success: #23a55a;--gothic-warning: #f0b132;--gothic-danger: #f23f42;--gothic-purple: #7c3aed;--gothic-purple-light: #8b5cf6}.shifts-container{padding:0;height:100vh;position:relative;background:var(--gothic-bg);overflow:hidden}.map-container{position:absolute;inset:0;z-index:1}.leaflet-container{height:100%;width:100%;background:var(--gothic-bg)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes pulse-store{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.4}to{transform:scale(1);opacity:.8}}.leaflet-popup-content-wrapper{background:#1a1a1af2!important;color:var(--gothic-text)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important}.leaflet-popup-tip{background:#1a1a1af2!important;border:1px solid rgba(255,255,255,.1)!important}.leaflet-control-zoom{border:none!important;box-shadow:0 4px 12px #0000004d!important}.leaflet-control-zoom a{background:#1e293be6!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);transition:all .2s ease}.leaflet-control-zoom a:hover{background:#10b981e6!important;transform:scale(1.05)}.leaflet-control-attribution{background:#1e293bcc!important;color:#ffffffb3!important;backdrop-filter:blur(10px);border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important}.leaflet-control-attribution a{color:#10b981!important}.bottom-controls{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#1a1a1af2;backdrop-filter:blur(20px);border-top:1px solid var(--gothic-border);padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 20px #0000004d}.radius-control{flex:1;display:flex;flex-direction:column;gap:8px}.radius-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--gothic-text)}.radius-slider{width:100%;height:10px;border-radius:5px;background:var(--gothic-border);outline:none;-webkit-appearance:none;appearance:none}.radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--gothic-success);cursor:pointer;box-shadow:0 2px 8px #10b98166}.radius-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--gothic-success);cursor:pointer;border:none;box-shadow:0 2px 8px #10b98166}.filters-toggle-btn{background:var(--gothic-accent);color:var(--gothic-text);border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center;box-shadow:0 4px 12px #6b72804d}.filters-toggle-btn:hover{background:var(--gothic-highlight);transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.filters-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end}.filters-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.filters-modal-content{position:relative;width:100%;max-height:80vh;background:var(--gothic-bg);border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.filters-modal-header{padding:12px 20px 0;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--gothic-border);background:var(--gothic-surface);margin-bottom:20px;position:relative}.swipe-indicator{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:16px;transition:background .2s ease}.filters-modal-header .filters-modal-title{margin:0;flex:1;text-align:center}.filters-modal-close{position:absolute;top:12px;right:20px}.filters-modal-title{font-size:1.25rem;font-weight:700;color:var(--gothic-text);margin:0}.filters-modal-close{background:none;border:none;color:var(--gothic-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.filters-modal-close:hover{background:var(--gothic-border);color:var(--gothic-text)}.filters-modal-body{padding:24px;max-height:calc(80vh - 80px);overflow-y:auto;flex:1}.filters-modal-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.save-filters-btn{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.save-filters-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.save-filters-btn:active{transform:translateY(0)}@media (max-width: 768px){.bottom-controls{padding:12px;gap:12px}.radius-label{font-size:12px}.filters-toggle-btn{padding:10px 12px;font-size:12px;min-width:80px}.filters-modal-content{max-height:85vh}.filters-modal-header{padding:16px 20px}.filters-modal-title{font-size:1.1rem}.filters-modal-body{padding:20px;max-height:calc(85vh - 70px)}.job-type-grid{grid-template-columns:1fr;gap:12px}.job-type-btn{padding:16px 12px;min-height:60px}.schedule-grid{grid-template-columns:1fr;gap:12px}.schedule-btn{padding:16px 12px;min-height:60px}}.filter-group{margin-bottom:24px}.filter-label{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--gothic-text);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.date-range-toggle{display:flex;background:var(--gothic-surface);border-radius:8px;padding:4px;margin-bottom:16px}.range-toggle-btn{flex:1;background:none;border:none;color:var(--gothic-text-muted);padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.range-toggle-btn.active{background:var(--gothic-accent);color:var(--gothic-text)}.date-picker{width:100%;padding:16px;border:1px solid var(--gothic-border);border-radius:12px;background:var(--gothic-surface);color:var(--gothic-text);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.date-picker:hover{border-color:var(--gothic-accent);background:var(--gothic-highlight)}.date-picker-icon{color:var(--gothic-text-muted)}.calendar-popup{position:absolute;top:100%;left:0;right:0;z-index:1001;background:var(--gothic-bg);border:1px solid var(--gothic-border);border-radius:12px;box-shadow:0 8px 32px #0006;margin-top:8px;overflow:hidden;min-width:320px;max-width:400px}@media (min-width: 481px){.calendar-popup{position:absolute!important;top:0%!important;left:0!important;right:auto!important;width:350px!important;margin-top:8px!important}}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gothic-surface);border-bottom:1px solid var(--gothic-border)}.calendar-nav-btn{background:none;border:none;color:var(--gothic-text);font-size:18px;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease}.calendar-nav-btn:hover{background:var(--gothic-border)}.calendar-month-year{font-weight:600;color:var(--gothic-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:16px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.calendar-day:hover{background:var(--gothic-surface)}.calendar-day.selected{background:var(--gothic-success);color:#fff}.calendar-day.today{background:var(--gothic-accent);color:var(--gothic-text);font-weight:600}.quick-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px;border-top:1px solid var(--gothic-border)}.quick-date-btn{background:var(--gothic-surface);color:var(--gothic-text);border:none;border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .3s ease}.quick-date-btn:hover{background:var(--gothic-accent)}.filter-label{display:block;font-size:14px;font-weight:600;color:var(--gothic-text);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.job-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.job-type-btn{background:var(--gothic-surface);border:1px solid var(--gothic-border);color:var(--gothic-text-muted);padding:14px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.job-type-btn:hover{background:var(--gothic-accent);color:var(--gothic-text);transform:translateY(-2px);box-shadow:0 6px 16px #6b72804d}.job-type-btn.active{background:var(--gothic-accent);color:var(--gothic-text);border-color:var(--gothic-accent);box-shadow:0 6px 16px #6b728066}.job-icon{font-size:20px}.job-label{font-size:12px;font-weight:600;text-align:center}.schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.schedule-btn{background:var(--gothic-surface);border:1px solid var(--gothic-border);color:var(--gothic-text-muted);padding:12px;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.schedule-btn:hover{background:var(--gothic-success);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #23a55a4d}.schedule-btn.active{background:var(--gothic-success);color:#fff;border-color:var(--gothic-success);box-shadow:0 6px 16px #23a55a66}.schedule-label{font-size:14px;font-weight:600;margin-bottom:2px}.schedule-time{font-size:11px;opacity:.8;font-weight:500}.filter-select{width:100%;padding:12px 16px;border:2px solid var(--tg-theme-hint-color);border-radius:12px;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);font-size:1rem;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--tg-theme-button-color)}.stats-section{position:absolute;top:80px;left:16px;right:16px;z-index:100;background:#007afff2;backdrop-filter:blur(20px);color:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 32px #007aff4d}.stats-section h3{margin:0 0 12px;font-size:16px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:12px}.stat-item{text-align:center}.stat-number{font-size:20px;font-weight:700;margin-bottom:2px}.stat-label{font-size:11px;opacity:.9}.date-picker-container{margin-bottom:20px}.date-picker{width:100%;padding:16px;border:1px solid var(--gothic-border);border-radius:12px;background:var(--gothic-surface);color:var(--gothic-text);font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative}.date-picker:hover{border-color:var(--gothic-accent);box-shadow:0 4px 12px #6b728033}.date-picker-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gothic-accent);font-size:1.2rem}.calendar-popup{position:absolute;top:100%;left:0;right:0;z-index:1001;background:var(--gothic-bg);border:1px solid var(--gothic-border);border-radius:16px;box-shadow:0 12px 48px #000c;padding:20px;margin-top:8px;backdrop-filter:blur(20px)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-nav-btn{background:var(--gothic-surface);border:1px solid var(--gothic-border);color:var(--gothic-text);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease}.calendar-nav-btn:hover{background:var(--gothic-accent);transform:scale(1.05)}.calendar-month-year{font-size:1.1rem;font-weight:600;color:var(--gothic-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.calendar-day-header{text-align:center;padding:8px;font-size:.8rem;font-weight:600;color:var(--gothic-text-muted);text-transform:uppercase}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:var(--gothic-text)}.calendar-day:hover{background:var(--gothic-surface);transform:scale(1.1)}.calendar-day.selected{background:var(--gothic-accent);color:var(--gothic-text);font-weight:600;box-shadow:0 4px 12px #6b728066}.calendar-day.other-month{color:var(--gothic-text-muted);opacity:.5}.calendar-day.today{border:2px solid var(--gothic-accent);font-weight:600}.calendar-day.past-date{color:var(--gothic-text-muted);opacity:.4;cursor:not-allowed;background:var(--gothic-surface);text-decoration:line-through}.calendar-day.past-date:hover{background:var(--gothic-surface);transform:none;cursor:not-allowed}.date-range-toggle{display:flex;background:var(--gothic-surface);border-radius:12px;padding:4px;margin-bottom:16px}.range-toggle-btn{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--gothic-text);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.range-toggle-btn.active{background:var(--gothic-accent);color:var(--gothic-text);box-shadow:0 2px 8px #6b72804d}.quick-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.filter-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--gothic-border)}.search-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.search-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.quick-date-btn{padding:10px 12px;border:1px solid var(--gothic-border);background:var(--gothic-surface);color:var(--gothic-text);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.85rem;text-align:center}.quick-date-btn:hover{background:var(--gothic-accent);border-color:var(--gothic-accent);transform:translateY(-1px)}@media (max-width: 480px){.calendar-popup{position:fixed;top:20vh;left:16px;right:16px;transform:none;margin-top:0;max-height:60vh;overflow-y:auto}.calendar-grid{gap:2px}.calendar-day{font-size:.8rem;padding:4px}.quick-dates{grid-template-columns:1fr}}@media (max-width: 320px),(max-height: 500px){.calendar-popup{position:fixed;top:10vh;left:8px;right:8px;max-height:80vh;overflow-y:auto}.calendar-day{font-size:.7rem;padding:2px}.quick-date-btn{padding:6px 8px;font-size:.7rem}}.store-info-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end}.store-info-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.store-info-content{position:relative;width:100%;max-height:85vh;background:var(--gothic-bg);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0009;border:1px solid var(--gothic-border);border-bottom:none;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.store-info-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--gothic-border);background:var(--gothic-surface);border-radius:20px 20px 0 0}.store-main-info{flex:1}.store-info-close{background:none;border:none;color:var(--gothic-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:12px}.store-info-close:hover{background:var(--gothic-surface);color:var(--gothic-text);transform:scale(1.1)}.store-info-body{flex:1;overflow-y:auto;padding:16px 24px 24px}.shifts-title{font-size:16px;font-weight:600;color:var(--gothic-text);margin:20px 0 16px;display:flex;align-items:center;gap:8px}.shifts-title:before{content:"📋";font-size:18px}.no-results{text-align:center;padding:60px 20px;color:var(--gothic-text-muted)}.no-results-icon{margin-bottom:16px;opacity:.5}.no-results h3{font-size:1.2rem;margin-bottom:8px;color:var(--gothic-text)}.no-results p{font-size:.95rem;line-height:1.5}.store-card{background:var(--gothic-surface);border:1px solid var(--gothic-border);border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.store-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.store-header{padding:20px;background:linear-gradient(135deg,var(--gothic-surface),var(--gothic-surface-light));border-bottom:1px solid var(--gothic-border)}.store-info{display:flex;flex-direction:column;gap:8px}.store-name{font-size:1.2rem;font-weight:600;color:var(--gothic-text);margin:0}.store-address{color:var(--gothic-text-muted);font-size:.9rem;margin:0;line-height:1.4}.store-distance{display:flex;align-items:center;gap:6px;color:var(--gothic-accent);font-size:.85rem;font-weight:500}.shifts-list{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.shift-card{background:var(--gothic-bg);border:1px solid var(--gothic-border);border-radius:12px;padding:16px;transition:all .3s ease}.shift-card:hover{background:var(--gothic-surface);transform:translate(4px)}.shift-main{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.shift-role{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--gothic-text);font-size:.95rem}.shift-icon{color:var(--gothic-accent)}.shift-schedule{display:flex;align-items:center;gap:6px;color:var(--gothic-text-muted);font-size:.85rem}.shift-type{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap}.shift-type.day{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.shift-type.night{background:#6366f133;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.shift-status,.shift-organization,.shift-department{display:flex;align-items:center;gap:8px;background:var(--gothic-surface);border:1px solid var(--gothic-border);border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:.85rem;color:var(--gothic-text-muted)}.shift-status svg,.shift-organization svg,.shift-department svg{flex-shrink:0;color:var(--gothic-accent)}.shift-status{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.shift-organization{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.shift-department{background:#a855f71a;border-color:#a855f733;color:#a855f7}.shift-comment{display:flex;align-items:flex-start;gap:8px;background:var(--gothic-surface);border:1px solid var(--gothic-border);border-radius:8px;padding:12px;margin-bottom:12px;font-size:.9rem;color:var(--gothic-text-muted);line-height:1.4}.shift-comment svg{margin-top:2px;flex-shrink:0;color:var(--gothic-accent)}.apply-shift-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.apply-shift-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.apply-shift-btn:active{transform:translateY(0)}.loading-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;gap:16px}.loading-spinner{animation:spin 1s linear infinite}.loading-text{color:var(--gothic-text);font-size:1rem;font-weight:500}.date-group{margin-bottom:24px}.date-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--gothic-border)}.date-title{font-size:1.1rem;font-weight:600;color:var(--gothic-text);margin:0;text-transform:capitalize}.date-count{font-size:.9rem;color:var(--gothic-text-muted);background:var(--gothic-surface);padding:2px 8px;border-radius:12px;font-weight:500}@media (max-width: 480px){.search-results-content{max-height:90vh}.search-results-header{padding:16px 20px}.search-results-title{font-size:1.1rem}.search-results-body{padding:12px 20px 20px}.store-header{padding:16px}.shifts-list{padding:12px 16px 16px}.shift-main{flex-direction:column;align-items:flex-start;gap:8px}.shift-type{align-self:flex-start}}.notification-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.notification-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px);animation:fadeIn .3s ease}.notification-content{position:relative;background:var(--gothic-surface);border:1px solid var(--gothic-border);border-radius:20px;padding:32px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 40px #00000080;animation:slideUp .4s ease}.notification-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #f59e0b4d}.notification-title{font-size:1.25rem;font-weight:700;color:var(--gothic-text);margin:0 0 12px}.notification-message{font-size:1rem;color:var(--gothic-text-muted);line-height:1.5;margin:0 0 24px}.notification-close-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.notification-close-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.notification-close-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-panel{background:var(--gothic-bg, #0f0f0f);min-height:100vh;padding:20px}.admin-header{background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:20px;padding:32px;margin-bottom:32px;border:1px solid var(--gothic-border, #3a3a3a);box-shadow:0 8px 32px #0000004d;text-align:center;position:relative;overflow:hidden}.admin-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9810d,#3b82f60d);opacity:.8}.admin-header-content{position:relative;z-index:1}.admin-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--gothic-text, #e5e5e5),#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{color:var(--gothic-text-muted, #9ca3af);font-size:1.1rem;margin:0;font-weight:400}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px}.admin-loading p{color:var(--gothic-text-muted, #9ca3af);font-size:1.1rem;margin:0}.admin-tabs{display:flex;gap:8px;margin-bottom:32px;background:var(--gothic-surface, #1a1a1a);padding:8px;border-radius:16px;border:1px solid var(--gothic-border, #3a3a3a)}.admin-tab{flex:1;padding:16px 24px;border:none;border-radius:12px;background:transparent;color:var(--gothic-text-muted, #9ca3af);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.admin-tab:hover{background:#4b55631a;color:var(--gothic-text, #e5e5e5)}.admin-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.stores-section{animation:fadeInUp .6s ease}.stores-header{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.stores-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:1px solid var(--gothic-border, #3a3a3a);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#10b9814d}.stat-value{font-size:2.5rem;font-weight:800;color:#10b981;line-height:1;margin-bottom:8px}.stat-label{color:var(--gothic-text-muted, #9ca3af);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.search-container{position:relative}.search-input{width:100%;padding:16px 20px;background:var(--gothic-surface, #1a1a1a);border:2px solid var(--gothic-border, #3a3a3a);border-radius:16px;color:var(--gothic-text, #e5e5e5);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-input::placeholder{color:var(--gothic-text-muted, #9ca3af)}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.store-card{background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:1px solid var(--gothic-border, #3a3a3a);border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative}.store-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9810d,#3b82f60d);opacity:0;transition:opacity .3s ease}.store-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#10b9814d}.store-card:hover:before{opacity:1}.store-card-header{padding:24px 24px 16px;border-bottom:1px solid var(--gothic-border, #3a3a3a);position:relative;z-index:1}.store-name{font-size:1.3rem;font-weight:700;color:var(--gothic-text, #e5e5e5);margin:0 0 8px;line-height:1.3}.store-id{color:var(--gothic-text-muted, #9ca3af);font-size:.85rem;font-weight:500;background:#4b556333;padding:4px 8px;border-radius:6px;display:inline-block}.store-card-body{padding:20px 24px;position:relative;z-index:1}.store-address{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;background:#4b55631a;border-radius:12px;border:1px solid rgba(75,85,99,.2)}.address-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.address-text{color:var(--gothic-text, #e5e5e5);font-size:.95rem;line-height:1.4}.store-coordinates{margin-bottom:20px}.coord-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(75,85,99,.2)}.coord-row:last-child{border-bottom:none}.coord-label{color:var(--gothic-text-muted, #9ca3af);font-size:.9rem;font-weight:500}.coord-value{color:#10b981;font-size:.9rem;font-weight:600;font-family:Monaco,Menlo,monospace}.store-dates{margin-bottom:20px}.date-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.date-label{color:var(--gothic-text-muted, #9ca3af);font-size:.85rem;font-weight:500}.date-value{color:var(--gothic-text, #e5e5e5);font-size:.85rem;font-weight:500}.store-card-actions{padding:16px 24px 24px;display:flex;gap:12px;position:relative;z-index:1}.action-btn{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.copy-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.copy-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.map-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.map-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.shifts-section{animation:fadeInUp .6s ease}.shifts-section{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.shifts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;width:100%;max-width:100%}.shifts-header h2{font-size:1.8rem;font-weight:700;color:var(--gothic-text, #e5e5e5);margin:0}.clear-all-btn{padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.clear-all-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;max-width:100%;overflow:hidden}.shift-card{background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:1px solid var(--gothic-border, #3a3a3a);border-radius:12px;padding:12px;transition:all .3s ease;display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.shift-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#10b9814d}.shift-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-card-header h3{font-size:.95rem;font-weight:600;color:var(--gothic-text, #e5e5e5);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-date{color:var(--gothic-text-muted, #9ca3af);font-size:.75rem;font-weight:500;background:#4b556333;padding:2px 6px;border-radius:4px;white-space:nowrap}.shift-card-body{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.shift-role{color:var(--gothic-text, #e5e5e5);font-size:.85rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-earnings{color:#10b981;font-size:.9rem;font-weight:700;white-space:nowrap}.delete-shift-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.delete-shift-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:2px dashed var(--gothic-border, #3a3a3a);border-radius:20px;margin:20px 0}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-state h3{font-size:1.3rem;font-weight:600;color:var(--gothic-text, #e5e5e5);margin:0 0 12px}.empty-state p{color:var(--gothic-text-muted, #9ca3af);font-size:1rem;margin:0}.error-message{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #ef44444d;display:flex;align-items:center;gap:12px;max-width:400px;z-index:1000;animation:slideInRight .4s ease}.error-icon{font-size:1.2rem;flex-shrink:0}.error-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease;flex-shrink:0}.error-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.admin-panel{padding:16px;width:100%;max-width:100%;overflow-x:hidden}.admin-header{padding:24px 20px;margin-bottom:24px}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:column;gap:4px}.stores-grid{grid-template-columns:1fr}.shifts-grid{grid-template-columns:1fr;gap:12px;width:100%;max-width:100%}.shift-card{padding:10px;width:100%;max-width:100%;min-width:0}.shift-card-header{width:100%;max-width:100%;min-width:0}.shift-card-header h3{font-size:.9rem;min-width:0;max-width:calc(100% - 60px)}.shift-date{font-size:.7rem;padding:1px 4px;flex-shrink:0}.shift-card-body{width:100%;max-width:100%;min-width:0}.shift-role{font-size:.8rem;min-width:0;max-width:calc(100% - 80px)}.shift-earnings{font-size:.85rem;flex-shrink:0}.delete-shift-btn{padding:8px 12px;font-size:.85rem;width:100%;max-width:100%}}@media (max-width: 480px){.shifts-grid{grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;padding:0;margin:0}.shift-card{padding:8px;border-radius:8px;width:100%;max-width:100%;min-width:0;margin:0}.shift-card-header{gap:6px;width:100%;max-width:100%;min-width:0}.shift-card-header h3{font-size:.85rem;min-width:0;max-width:calc(100% - 50px);word-break:break-word}.shift-date{font-size:.65rem;flex-shrink:0;max-width:50px}.shift-card-body{gap:8px;margin-bottom:6px;width:100%;max-width:100%;min-width:0}.shift-role{font-size:.75rem;min-width:0;max-width:calc(100% - 70px);word-break:break-word}.shift-earnings{font-size:.8rem;flex-shrink:0;max-width:70px}.delete-shift-btn{padding:6px 10px;font-size:.8rem;width:100%;max-width:100%;word-break:break-word}.admin-panel{padding:12px;width:100%;max-width:100%;overflow-x:hidden}.shifts-section{width:100%;max-width:100%;padding:0;margin:0}.shifts-header{margin-bottom:20px;width:100%;max-width:100%;flex-direction:column;align-items:flex-start;gap:12px}.shifts-header h2{font-size:1.5rem;word-break:break-word;margin:0}.shifts-actions{display:flex;gap:8px;width:100%;max-width:100%}.shifts-actions button{flex:1;min-width:0;font-size:.8rem;padding:8px 12px}}.stores-header{gap:16px}.shifts-header{flex-direction:column;align-items:flex-start;gap:16px}.store-card-actions{flex-direction:column}.error-message{position:fixed;top:10px;left:10px;right:10px;max-width:none}@media (max-width: 480px){.admin-header h1{font-size:1.8rem}.admin-subtitle{font-size:1rem}.stores-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}.store-card-header{padding:20px 20px 12px}.store-card-body{padding:16px 20px}.store-card-actions{padding:12px 20px 20px}}.zero-coords-card{border-color:#dc3545;background:#dc35451a}.zero-coords-count{color:#dc3545}.controls-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-container{flex:1;max-width:400px}.filter-btn{padding:16px 20px;border:2px solid var(--gothic-border, #3a3a3a);border-radius:16px;background:var(--gothic-surface, #1a1a1a);color:var(--gothic-text, #e5e5e5);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{border-color:#dc3545;background:#dc35451a}.filter-btn.active{background:linear-gradient(135deg,#dc3545,#b91c1c);color:#fff;border-color:#dc3545;box-shadow:0 4px 12px #dc35454d}.stores-list{display:flex;flex-direction:column;gap:8px}.store-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border:1px solid var(--gothic-border, #3a3a3a);border-radius:12px;transition:all .3s ease;min-height:120px;position:relative}.store-item:hover{background:var(--gothic-surface-light, #2a2a2a);border-color:#10b981;transform:translate(4px);box-shadow:0 4px 12px #0003}.store-item.zero-coords{border-left:4px solid #dc3545;background:linear-gradient(135deg,#dc35451a,#dc35450d)}.store-main{display:flex;flex-direction:column;min-width:200px}.store-item .store-name{font-size:1rem;font-weight:700;color:var(--gothic-text, #e5e5e5);margin:0;line-height:1.3}.store-item .store-id{font-size:.75rem;color:var(--gothic-text-muted, #9ca3af);margin-top:4px;font-weight:500}.store-details{flex:1;display:flex;flex-direction:column;gap:4px}.store-address,.store-coords{font-size:.875rem;color:var(--gothic-text, #e5e5e5);padding:8px 12px;border-radius:8px;transition:all .3s ease;border:1px solid transparent;position:relative}.clickable{cursor:pointer}.clickable:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.02);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.coords-hint{font-size:.75rem;color:#10b981;margin-top:4px;padding:2px 6px;background:#10b9811a;border-radius:4px;border:1px solid rgba(16,185,129,.2);text-align:center;animation:hintPulse 2s infinite;position:absolute;bottom:2px;left:0;right:0;z-index:5}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.geocoding-spinner{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border-radius:10px;backdrop-filter:blur(10px)}.geocoding-spinner svg{animation:spin 1s linear infinite;color:#10b981}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clickable.copying{position:relative;overflow:hidden}.clickable.copying:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);animation:copyWave .6s ease-out}@keyframes copyWave{0%{left:-100%}to{left:100%}}.clickable.pasting-loading{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;animation:pulseYellow 1s infinite}@keyframes pulseYellow{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0b99}}.clickable.pasting-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 2px 8px #10b9814d;animation:successPulse .8s ease-out}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 2px 8px #10b9814d}50%{transform:scale(1.05);box-shadow:0 6px 20px #10b98199}to{transform:scale(1);box-shadow:0 2px 8px #10b9814d}}.clickable.pasting-error{background:linear-gradient(135deg,#dc3545,#b91c1c);color:#fff;border-color:#dc3545;box-shadow:0 2px 8px #dc35454d;animation:errorShake .6s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.zero-coords-text{color:#dc3545;font-weight:600}.zero-coords-text:hover{background:linear-gradient(135deg,#dc3545,#b91c1c);color:#fff;border-color:#dc3545;box-shadow:0 2px 8px #dc35454d}.store-item .store-actions{display:flex;gap:8px;position:relative;width:88px;height:40px;flex-shrink:0;overflow:hidden}.action-btn-small{width:40px;height:40px;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn-small.map-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn-small.map-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.1);box-shadow:0 4px 12px #f59e0b4d}@media (max-width: 768px){.controls-row{flex-direction:column;align-items:stretch}.search-container{max-width:none}.store-item{flex-direction:column;align-items:flex-start;gap:12px}.store-main{min-width:auto;width:100%}.store-details{width:100%}.store-item .store-actions{align-self:flex-end}}.shifts-actions{display:flex;gap:12px;align-items:center}.import-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.import-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--gothic-bg, #1a1a1a);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid var(--gothic-border, #333)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gothic-border, #333)}.modal-header h3{margin:0;color:var(--gothic-text, #e5e5e5);font-size:1.25rem;font-weight:700}.modal-close{background:none;border:none;color:var(--gothic-text-muted, #9ca3af);font-size:1.5rem;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--gothic-hover, #374151);color:var(--gothic-text, #e5e5e5)}.modal-body{padding:24px}.import-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--gothic-text, #e5e5e5);font-weight:600;font-size:.875rem}.file-input{background:var(--gothic-input-bg, #2d2d2d);border:2px dashed var(--gothic-border, #4b5563);border-radius:12px;padding:16px;color:var(--gothic-text, #e5e5e5);font-size:.875rem;cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:var(--gothic-accent, #3b82f6);background:var(--gothic-hover, #374151)}.file-input:focus{outline:none;border-color:var(--gothic-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.file-info{background:var(--gothic-success-bg, #065f46);color:var(--gothic-success-text, #10b981);padding:12px 16px;border-radius:8px;font-size:.875rem;border:1px solid var(--gothic-success-border, #10b981)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s ease}.checkbox-label:hover{background:var(--gothic-hover, #374151)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gothic-accent, #3b82f6)}.checkbox-text{color:var(--gothic-text, #e5e5e5);font-weight:500}.form-hint{color:var(--gothic-text-muted, #9ca3af);font-size:.75rem;margin-top:4px}.import-result{background:var(--gothic-success-bg, #065f46);border:1px solid var(--gothic-success-border, #10b981);border-radius:12px;padding:16px;margin-top:16px}.import-result h4{margin:0 0 12px;color:var(--gothic-success-text, #10b981);font-size:1rem}.result-stats{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center}.result-label{color:var(--gothic-text-muted, #9ca3af);font-size:.875rem}.result-value{color:var(--gothic-success-text, #10b981);font-weight:700;font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--gothic-border, #333)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--gothic-secondary-bg, #374151);color:var(--gothic-text, #e5e5e5);border:1px solid var(--gothic-border, #4b5563);padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:var(--gothic-hover, #4b5563);border-color:var(--gothic-text-muted, #9ca3af)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:16px}.shifts-actions{flex-direction:column;align-items:stretch;gap:8px}.import-btn,.clear-all-btn{width:100%;justify-content:center}.modal-footer{flex-direction:column}.coords-hint{font-size:.7rem;padding:1px 4px;margin-top:2px}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.action-btn-small.geocode-btn.apple-glass{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.action-btn-small.geocode-btn.apple-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.action-btn-small.geocode-btn.apple-glass:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05) translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 0 20px #3b82f64d}.action-btn-small.geocode-btn.apple-glass:hover:before{left:100%}.action-btn-small.geocode-btn.apple-glass:active{transform:scale(.98) translateY(0);transition:all .1s ease}.action-btn-small.geocode-btn.apple-glass.loading{background:#3b82f633;border-color:#3b82f666;cursor:not-allowed;animation:pulse-glow 2s infinite}.action-btn-small.geocode-btn.apple-glass:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn-small.geocode-btn.apple-glass:disabled:hover{transform:none;background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a,0 0 20px #3b82f64d}50%{box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a,0 0 30px #3b82f680}}@media (max-width: 768px){.action-btn-small.geocode-btn.apple-glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.action-btn-small.geocode-btn.apple-glass:hover{transform:scale(1.03) translateY(-1px)}}.warning-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-bottom:16px}.warning-icon{font-size:24px;flex-shrink:0}.warning-text{flex:1}.warning-text p{margin:0 0 8px;color:var(--tg-theme-text-color)}.warning-text ul{margin:0;padding-left:16px;color:var(--tg-theme-hint-color)}.warning-text li{margin-bottom:4px;line-height:1.4}@media (max-width: 480px){.warning-message{padding:12px;gap:8px}.warning-icon{font-size:20px}}.notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;min-width:300px;border-radius:12px;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);animation:slideInRight .3s ease-out;transition:all .3s ease}.notification.success{background:#10b98126;border-color:#10b9814d}.notification.warning{background:#f59e0b26;border-color:#f59e0b4d}.notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.notification-icon{font-size:20px;flex-shrink:0}.notification-message{color:var(--gothic-text, #e5e5e5);font-size:.875rem;font-weight:500;line-height:1.4;flex:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.notification-content{padding:14px 16px}.notification-message{font-size:.8rem}.notification-icon{font-size:18px}}.map-action-buttons{display:flex;gap:12px;flex-wrap:wrap}.address-search-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.address-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.address-search-btn:active{transform:translateY(0)}.address-search-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.address-search-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.address-search-content{position:relative;background:var(--gothic-surface, #1a1a1a);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #00000080;border:1px solid var(--gothic-border, #3a3a3a)}.address-search-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gothic-border, #3a3a3a)}.address-search-title{font-size:1.3rem;font-weight:600;color:var(--gothic-text, #e5e5e5);margin:0}.address-search-close{background:none;border:none;color:var(--gothic-text-muted, #9ca3af);cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease}.address-search-close:hover{background:var(--gothic-surface-light, #2a2a2a);color:var(--gothic-text, #e5e5e5)}.address-search-body{padding:20px;max-height:60vh;overflow-y:auto}.address-input-container{position:relative;margin-bottom:20px;display:flex;gap:12px;align-items:stretch}.address-input{flex:1;padding:16px;border:2px solid var(--gothic-border, #3a3a3a);border-radius:12px;background:var(--gothic-bg, #0f0f0f);color:var(--gothic-text, #e5e5e5);font-size:16px;transition:all .3s ease}.address-search-button{display:flex;align-items:center;gap:8px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.address-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.address-search-button:active:not(:disabled){transform:translateY(0)}.address-search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.address-search-button .spinner{animation:spin 1s linear infinite}.address-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.address-input::placeholder{color:var(--gothic-text-muted, #9ca3af)}.address-suggestions{max-height:300px;overflow-y:auto;border-radius:12px;border:1px solid var(--gothic-border, #3a3a3a);background:var(--gothic-bg, #0f0f0f)}.address-suggestion{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--gothic-border, #3a3a3a)}.address-suggestion:last-child{border-bottom:none}.address-suggestion:hover{background:var(--gothic-surface, #1a1a1a)}.address-suggestion svg{color:#667eea;flex-shrink:0}.suggestion-text{flex:1;min-width:0}.suggestion-value{font-weight:500;color:var(--gothic-text, #e5e5e5);margin-bottom:4px;word-wrap:break-word}.suggestion-city{font-size:.9rem;color:var(--gothic-text-muted, #9ca3af)}@media (max-width: 768px){.address-search-modal{padding:10px}.address-search-content{max-height:90vh}.address-search-body{max-height:70vh}.map-action-buttons{flex-direction:column}.address-search-btn{justify-content:center}.address-input-container{flex-direction:column;gap:8px}.address-search-button{justify-content:center;padding:14px 16px}}.custom-user-marker{background:transparent!important;border:none!important;box-shadow:none!important}.user-marker-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s ease}.user-marker-icon:hover{transform:scale(1.1)}.user-marker-icon svg{width:100%;height:100%}.welcome-notification-modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.welcome-notification-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(6px)}.welcome-notification-content{position:relative;background:linear-gradient(135deg,var(--gothic-surface, #1a1a1a),var(--gothic-surface-light, #2a2a2a));border-radius:20px;width:100%;max-width:520px;padding:32px;box-shadow:0 25px 50px #0009;border:1px solid var(--gothic-border, #3a3a3a);text-align:center;animation:welcomeSlideIn .4s ease-out}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-notification-icon{margin-bottom:20px}.welcome-notification-icon svg{color:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.welcome-notification-title{font-size:1.5rem;font-weight:700;color:var(--gothic-text, #e5e5e5);margin:0 0 24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-notification-message{text-align:left;margin-bottom:28px}.welcome-notification-message p{color:var(--gothic-text, #e5e5e5);font-size:1rem;margin:0 0 20px;text-align:center}.welcome-option{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px;background:var(--gothic-bg, #0f0f0f);border-radius:12px;border:1px solid var(--gothic-border, #3a3a3a);transition:all .3s ease}.welcome-option:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.welcome-option:last-child{margin-bottom:0}.welcome-option-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.welcome-option-text{flex:1;color:var(--gothic-text-muted, #9ca3af);font-size:.95rem;line-height:1.5}.welcome-option-text strong{color:var(--gothic-text, #e5e5e5);font-weight:600}.welcome-notification-close-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.welcome-notification-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.welcome-notification-close-btn:active{transform:translateY(0)}@media (max-width: 768px){.welcome-notification-modal{padding:15px}.welcome-notification-content{padding:24px;max-width:100%}.welcome-notification-title{font-size:1.3rem}.welcome-option{padding:12px}.welcome-option-text{font-size:.9rem}}.auth-status{margin-top:8px}.auth-indicator{font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;display:inline-block}.auth-indicator.auth-success{background:#10b9811a;color:var(--gothic-success);border:1px solid rgba(16,185,129,.2)}.auth-indicator.auth-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.modern-notification-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-notification-overlay.visible{opacity:1;visibility:visible}.modern-notification-overlay.closing{opacity:0;transform:scale(.9)}.modern-notification-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:backdropFadeIn .4s ease-out}.modern-notification{position:relative;background:linear-gradient(145deg,#0f0f0ffa,#1e1e1efa,#141414fa);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:0;max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 64px #000000b3,0 0 0 1px #ffffff14,inset 0 1px #ffffff26,inset 0 -1px #0003;transform:translateY(30px) scale(.9);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.modern-notification.visible{transform:translateY(0) scale(1);opacity:1}.modern-notification.closing{transform:translateY(-30px) scale(.9);opacity:0;transition:all .4s cubic-bezier(.4,0,1,1)}.notification-glow{position:absolute;inset:-2px;border-radius:30px;opacity:0;z-index:-1;transition:opacity .3s ease}.notification-content-wrapper{display:flex;align-items:flex-start;gap:18px;padding:28px;position:relative}.notification-icon-wrapper{flex-shrink:0;width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s ease}.notification-icon-wrapper:hover{transform:scale(1.05)}.notification-icon-bg{position:absolute;inset:0;border-radius:18px;opacity:.12;background:currentColor;transition:opacity .3s ease}.notification-icon-wrapper:before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(145deg,#ffffff1a,#ffffff05);pointer-events:none}.notification-text-content{flex:1;min-width:0}.modern-notification .notification-title{font-size:1.15rem;font-weight:650;color:var(--gothic-text, #ffffff);margin:0 0 10px;line-height:1.3;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modern-notification .notification-message{font-size:.96rem;color:var(--gothic-text-muted, rgba(255, 255, 255, .75));line-height:1.5;margin:0;letter-spacing:-.005em}.notification-close-button{flex-shrink:0;width:36px;height:36px;border:none;background:#ffffff14;border-radius:14px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.notification-close-button:hover{background:#ffffff26;color:#ffffffe6;transform:scale(1.08);border-color:#ffffff1a}.notification-close-button:active{transform:scale(.92);transition:transform .1s ease}.notification-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff0d;border-radius:0 0 28px 28px;overflow:hidden}.notification-progress-bar{height:100%;background:linear-gradient(90deg,#ffffff4d,#fff9,#ffffff4d);border-radius:0 0 28px 28px;transition:width .1s linear;transform-origin:left;position:relative}.notification-progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 100%);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%,to{opacity:0}50%{opacity:1}}.notification-success{border-color:#10b98166}.notification-success .notification-glow{background:radial-gradient(circle at center,rgba(16,185,129,.3) 0%,rgba(16,185,129,.1) 50%,transparent 100%);opacity:.6}.notification-success .notification-icon-wrapper{color:#10b981;background:linear-gradient(135deg,#10b98140,#05966926);box-shadow:0 0 20px #10b9814d}.notification-success .notification-progress-bar{background:linear-gradient(90deg,#10b98166,#10b981cc,#10b98166);box-shadow:0 0 10px #10b98180}.notification-error{border-color:#ef444466}.notification-error .notification-glow{background:radial-gradient(circle at center,rgba(239,68,68,.3) 0%,rgba(239,68,68,.1) 50%,transparent 100%);opacity:.6}.notification-error .notification-icon-wrapper{color:#ef4444;background:linear-gradient(135deg,#ef444440,#dc262626);box-shadow:0 0 20px #ef44444d}.notification-error .notification-progress-bar{background:linear-gradient(90deg,#ef444466,#ef4444cc,#ef444466);box-shadow:0 0 10px #ef444480}.notification-warning{border-color:#f59e0b66}.notification-warning .notification-glow{background:radial-gradient(circle at center,rgba(245,158,11,.3) 0%,rgba(245,158,11,.1) 50%,transparent 100%);opacity:.6}.notification-warning .notification-icon-wrapper{color:#f59e0b;background:linear-gradient(135deg,#f59e0b40,#d9770626);box-shadow:0 0 20px #f59e0b4d}.notification-warning .notification-progress-bar{background:linear-gradient(90deg,#f59e0b66,#f59e0bcc,#f59e0b66);box-shadow:0 0 10px #f59e0b80}.notification-info{border-color:#3b82f666}.notification-info .notification-glow{background:radial-gradient(circle at center,rgba(59,130,246,.3) 0%,rgba(59,130,246,.1) 50%,transparent 100%);opacity:.6}.notification-info .notification-icon-wrapper{color:#3b82f6;background:linear-gradient(135deg,#3b82f640,#2563eb26);box-shadow:0 0 20px #3b82f64d}.notification-info .notification-progress-bar{background:linear-gradient(90deg,#3b82f666,#3b82f6cc,#3b82f666);box-shadow:0 0 10px #3b82f680}@keyframes backdropFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(16px)}}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.modern-notification.visible{animation:notificationPulse .6s ease-out}@media (max-width: 480px){.modern-notification-overlay{padding:16px}.modern-notification{max-width:100%;border-radius:24px;transform:translateY(20px) scale(.95)}.modern-notification.visible{transform:translateY(0) scale(1)}.notification-content-wrapper{padding:22px;gap:14px}.notification-icon-wrapper{width:44px;height:44px;border-radius:14px}.modern-notification .notification-title{font-size:1.05rem;margin-bottom:8px}.modern-notification .notification-message{font-size:.92rem}.notification-close-button{width:32px;height:32px;border-radius:12px}.notification-progress-container{height:3px}}