*,*:before,*:after{box-sizing:border-box}:root{--primary: #7000ff;--primary-glow: rgba(112, 0, 255, .5);--bg-dark: #050505;--bg-card: rgba(255, 255, 255, .03);--text-main: #ffffff;--text-dim: #888888;--transition-smooth: all .3s ease;--glass-border: rgba(255, 255, 255, .08);--accent-primary: #7000ff;--accent-secondary: #00d4ff;--tag-high: #ff3366;--tag-medium: #ffa500;--tag-low: #00cc66}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}input,button,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.glass-card{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #0006}.glass-panel{background:#0f0f0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;padding:10px 20px;cursor:pointer;font-weight:600}.glass-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.glass-input{background:#ffffff05;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:12px 16px;transition:all .2s ease}.glass-input:focus{border-color:var(--primary);outline:none;background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000!important;animation:fadeIn .2s ease-out}.modal-content{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;animation:slideUp .3s ease-out;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-wrap-text{font-size:18px!important;word-break:break-word!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}.mobile-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-banner-card{padding:16px!important}.karte-label{display:none}}.layout-container{display:flex;height:100vh;width:100vw;background:#000;overflow:hidden}.sidebar{width:260px;background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:20px;z-index:100}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding:0 10px}.logo-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 15px var(--primary-glow)}.logo-text{font-size:18px;font-weight:700;letter-spacing:-.5px}.nav-menu{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#888;text-decoration:none;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(112,0,255,.1) 0%,transparent 100%);color:#fff;border-left:3px solid var(--primary)}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-item-row{display:flex;align-items:stretch;gap:4px}.nav-item-main{flex:1}.nav-item-arrow{display:flex;align-items:center;justify-content:center;width:32px;background:transparent;border:none;color:#666;cursor:pointer;border-radius:12px;transition:all .2s;font-size:10px}.nav-item-arrow:hover{background:#ffffff0d;color:#fff}.nav-submenu{display:flex;flex-direction:column;padding-left:12px;gap:4px;position:relative}.nav-submenu:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:#ffffff0d}.sub-item{font-size:13px;padding:8px 12px;border-left:none!important}.sub-item.active{background:#ffffff14;color:#fff}.nav-icon{font-size:18px;font-style:normal;display:flex;align-items:center;justify-content:center}.nav-divider{border:none;height:1px;background:#ffffff0d;margin:15px 0;width:100%}.user-profile{margin-top:auto;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;margin-bottom:16px;width:100%}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#7000ff33,#00d4ff33);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #0000004d;margin:0 auto}.user-details{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.3px}.user-role{font-size:11px;color:#ffffff80;background:#ffffff1a;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800;border:1px solid rgba(255,255,255,.1)}.sidebar-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.status-badge{font-size:10px;font-weight:800;color:var(--text-dim);margin-bottom:4px;padding-left:16px;letter-spacing:1px}.legal-link-btn{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;color:#888;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:all .2s ease;font-size:13px;text-align:center;justify-content:center;width:100%}.legal-link-btn:hover{background:#ffffff14;color:#fff;border-color:#fff3}.logout-btn-sidebar{color:#ff4d4d!important;margin-top:10px}.logout-btn-sidebar:hover{background:#ff4d4d1a!important}.backup-info-sidebar{display:flex;flex-direction:column;gap:2px;padding:10px 16px;margin-bottom:15px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.backup-label{font-size:10px;color:#666;text-transform:uppercase}.backup-time{font-size:11px;color:#ccc;font-family:monospace}.main-content{flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 0%,rgba(112,0,255,.05) 0%,transparent 40%);position:relative;padding:100px 30px 30px}.header{position:fixed;top:20px;left:280px;right:20px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:90;transition:top .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}.header-hidden{top:-100px;opacity:0;pointer-events:none}.header-search{flex:1;max-width:400px;margin-left:20px}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 15px;border-radius:12px;outline:none;font-size:14px}.search-input:focus{border-color:var(--primary);background:#ffffff14}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.icon-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:72px;justify-content:space-around;align-items:center;padding:0 16px;z-index:1000;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 30px #00000080,0 -1px #ffffff0d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:none;color:#ffffff73;font-size:11px;font-weight:600;cursor:pointer;flex:1;padding:8px 0;border-radius:12px;transition:color .2s,background .2s;letter-spacing:.3px}.mobile-nav-item:hover{color:#fffc}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(170,128,255,.8))}.mobile-nav-item .nav-icon{font-size:22px;transition:filter .2s}.mobile-nav-item .active-dot{display:none}.mobile-nav-item.active .active-dot{display:block;width:4px;height:4px;background:var(--primary);border-radius:50%;margin-top:2px;box-shadow:0 0 6px var(--primary-glow)}.mobile-nav-item.highlight{position:relative;top:-15px}.plus-circle{width:52px;height:52px;background:linear-gradient(135deg,var(--primary),#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 4px 20px var(--primary-glow),0 0 0 4px #7000ff26;border:2px solid rgba(255,255,255,.2)}@media(max-width:768px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:72px;width:280px;z-index:999;background:#141414f2;border-right:1px solid rgba(255,255,255,.1);box-shadow:5px 0 30px #00000080;overflow-y:auto}.mobile-menu-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998}.header{display:none}.main-content{padding:20px 20px 90px}.mobile-bottom-nav{display:flex}.header-search{display:none}}.dashboard-container{display:flex;flex-direction:column;gap:30px;max-width:1600px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.dashboard-header h1{font-size:36px;font-weight:900;letter-spacing:-1.5px;margin:0;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.3)}.dashboard-header p{color:#ffffff80;font-size:15px;margin:5px 0 0;font-weight:500}.header-date{font-size:14px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px;background:#ffd7001a;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.2)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.pending-alert{position:relative;overflow:hidden;margin-bottom:24px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ffd7000d,#14141466)!important;border:1px solid rgba(255,215,0,.15)!important;box-shadow:0 10px 40px #0003,inset 0 0 20px #ffd70005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px!important;animation:glow-pulse 6s ease-in-out infinite alternate}@keyframes glow-pulse{0%{box-shadow:0 10px 40px #0003;border-color:#ffd70026}to{box-shadow:0 15px 50px #ffd70014;border-color:#ffd7004d}}.pending-alert:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffd7001a,#1e1e1e80)!important;border-color:#ffd70080!important;box-shadow:0 20px 60px #ffd7001a}.pending-alert:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:.5s}.pending-alert:hover:before{left:100%}.alert-bell{font-size:28px;animation:bell-swing 2s ease-in-out infinite;transform-origin:top center;display:inline-block;filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}@keyframes bell-swing{0%{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.pending-alert-content h3{font-size:20px!important;font-weight:800!important;letter-spacing:-.5px;margin:0 0 4px!important;color:gold!important;text-shadow:0 0 15px rgba(255,215,0,.3)}.pending-alert-content p{font-size:14px!important;color:#fffc!important;margin:0!important;font-weight:400}.pending-view-btn{background:#ffd7001a!important;border:1px solid rgba(255,215,0,.4)!important;color:gold!important;padding:12px 28px!important;border-radius:12px!important;font-weight:800!important;font-size:14px!important;letter-spacing:.5px;transition:all .3s cubic-bezier(.16,1,.3,1)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;gap:8px}.pending-alert:hover .pending-view-btn{background:gold!important;color:#000!important;transform:scale(1.05);box-shadow:0 0 25px #ffd70066}.metric-card{padding:20px;display:flex;align-items:center;gap:20px;transition:transform .2s,background .2s}.metric-card:hover{transform:translateY(-3px);background:#ffffff0d;border-color:#ffffff1a}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffffff0d}.metric-icon.alert{background:#ff4d4d1a;color:#ff4d4d;border:1px solid rgba(255,77,77,.2)}.metric-icon.primary{background:#7000ff1a;color:#aa80ff;border:1px solid rgba(112,0,255,.2)}.metric-icon.warning{background:#ffa5001a;color:orange;border:1px solid rgba(255,165,0,.2)}.metric-icon.success{background:#00cc661a;color:#0c6;border:1px solid rgba(0,204,102,.2)}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:13px;color:#888;margin-bottom:4px;font-weight:500}.metric-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.dashboard-main{display:grid;gap:30px}@media(max-width:1024px){.dashboard-main{grid-template-columns:1fr!important}}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px}.metric-card{flex-direction:column;justify-content:center;padding:15px 10px;gap:8px;text-align:center}.metric-label{display:none}.metric-icon{width:40px;height:40px;font-size:20px}.metric-value{font-size:24px}}.dashboard-left-col{display:flex;flex-direction:column;gap:30px}.main-section{position:relative;overflow:hidden}.dashboard-header h1{font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-header p{color:var(--text-dim);font-size:15px}.activity-feed{display:flex;flex-direction:column;gap:16px;padding:20px}.activity-card-new{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex}.activity-card-new:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.accent-line{width:6px;flex-shrink:0}.accent-line.todo{background:#ff4d4d;box-shadow:4px 0 15px #ff4d4d33}.accent-line.inProgress{background:orange;box-shadow:4px 0 15px #ffa50033}.accent-line.done{background:#0c6;box-shadow:4px 0 15px #0c63}.act-main-content{flex:1;display:flex;flex-direction:column}.act-header-row{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.act-body-row{padding:16px 20px;display:flex;align-items:center;gap:15px}.act-title-text{font-size:16px;font-weight:700;color:#fff}.act-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 20px;border-top:1px solid rgba(255,255,255,.04);background:#ffffff03}.info-cell{display:flex;flex-direction:column;gap:4px}.info-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#ffffff4d;letter-spacing:.5px}.info-value{font-size:13px;font-weight:600;color:#fffc}.side-section{display:flex;flex-direction:column;gap:24px}.quick-actions,.team-mini{padding:24px;border-radius:20px;background:#ffffff08;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quick-actions h3,.team-mini h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:20px;display:flex;align-items:center;gap:10px}.action-grid{display:flex;flex-direction:column;gap:12px}.glass-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ccc;cursor:pointer}.glass-btn:hover{background:#ffffff14;transform:translateY(-2px);color:#fff;border-color:#fff3}.glass-btn.primary-btn{background:linear-gradient(135deg,#7000ff4d,#00d4ff1a);border:1px solid rgba(112,0,255,.3);color:#fff;box-shadow:0 4px 15px #7000ff26}.glass-btn.primary-btn:hover{background:linear-gradient(135deg,#7000ff80,#00d4ff33);box-shadow:0 8px 25px #7000ff40}.online-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative}.online-dot{width:8px;height:8px;background:#0c6;border-radius:50%;box-shadow:0 0 10px #0c6}.count-badge-wrapper{margin-left:auto;background:#00cc661a;color:#0c6;font-size:11px;font-weight:800;padding:2px 8px;border-radius:12px;border:1px solid rgba(0,204,102,.2)}.team-list{display:flex;flex-direction:column;gap:10px}.team-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.team-row:hover{background:#ffffff14;transform:translate(6px);border-color:#ffffff26;box-shadow:0 4px 20px #0003}.mini-avatar{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #7000ff33;flex-shrink:0}.team-info{display:flex;flex-direction:column}.t-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.2px}.t-role{font-size:10px;color:#fff6;text-transform:uppercase;font-weight:800;letter-spacing:.8px;margin-top:2px}.t-status{margin-left:auto}.dot.online{width:6px;height:6px;background:#0c6;border-radius:50%;box-shadow:0 0 5px #0c6}.empty-online{padding:20px;text-align:center;color:var(--text-dim);font-size:13px;font-style:italic}.order-list-container{display:flex;flex-direction:column;gap:20px;height:100%;max-width:1600px;margin:0 auto;width:100%}.table-container{background:#14141499;border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003}.data-table{width:100%;border-collapse:collapse;color:#ccc}.data-table th{background:#ffffff0d;color:#fff;font-weight:600;padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;text-transform:uppercase;letter-spacing:1px}.data-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.03);font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#ffffff05}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge.in_progress{background:#00d4ff1a;color:#00d4ff;border:1px solid rgba(0,212,255,.2);box-shadow:0 0 10px #00d4ff1a}.status-badge.completed{background:#00ff801a;color:#00ff80;border:1px solid rgba(0,255,128,.2);box-shadow:0 0 10px #00ff801a}.status-badge.blocked{background:#ff4d4d1a;color:#ff4d4d;border:1px solid rgba(255,77,77,.2);box-shadow:0 0 10px #ff4d4d1a}.filter-bar{display:flex;gap:15px;margin-bottom:20px;background:#ffffff08;padding:15px;border-radius:12px;align-items:center}.search-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 15px;border-radius:8px;min-width:300px}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px var(--primary-glow)}.action-btns-horizontal{display:flex;justify-content:flex-end;gap:8px}.glass-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#ccc}.glass-icon-btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3;box-shadow:0 4px 12px #0000004d}.glass-icon-btn.info{color:var(--primary);border-color:#7000ff33}.glass-icon-btn.edit:hover{color:#fff;border-color:#fff6}.glass-icon-btn.delete:hover{color:#ff4d4d;border-color:#ff4d4d66;background:#ff4d4d1a}.store-cell{display:flex;flex-direction:column;gap:4px;max-width:100%}.s-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:#fff;letter-spacing:.2px}.s-location{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.s-id{font-size:11px;color:#888;font-family:Outfit,sans-serif;letter-spacing:.5px;margin-top:2px}.store-badge{background:#7000ff26;border:1px solid rgba(112,0,255,.3);color:#aa80ff;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:help;width:fit-content}.store-badge:hover{background:#7000ff40;border-color:#7000ff80;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #7000ff33}.store-badge svg{opacity:.8}.store-progress-pill{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;margin-left:4px;box-shadow:0 2px 4px #0003}.store-progress-pill.done{background:#0c6}.store-progress-pill.pending{background:orange}.order-row:hover{background:#ffffff0d}.order-table{width:100%;border-collapse:separate;border-spacing:0 8px}.order-table th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888;padding:0 20px 10px;border-bottom:none;text-align:left}.order-table th.sortable-header{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;border-radius:6px;position:relative}.order-table th.sortable-header:hover{color:#fff;background:#ffffff0d}.order-table th.sortable-header.active{color:#fff;background:#ffffff1a;font-weight:700}.order-table th .th-content{display:flex;align-items:center;gap:6px}.order-table th .sort-icon{font-size:10px;opacity:.7}.order-table td{background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:16px 20px;vertical-align:middle}.order-table tr td:first-child{border-left:1px solid rgba(255,255,255,.05);border-top-left-radius:12px;border-bottom-left-radius:12px}.order-table tr td:last-child{border-right:1px solid rgba(255,255,255,.05);border-top-right-radius:12px;border-bottom-right-radius:12px;text-align:right}.col-status{width:90px}.col-auftrag{min-width:200px;width:25%}.col-store{min-width:180px;width:20%}.col-ffm{width:130px}.col-termine,.col-last-edit{width:160px}.col-actions{width:100px}.mobile-only-cards{display:none}.desktop-only-table{display:block}@media(max-width:1200px){.table-wrapper{overflow-x:auto;padding-bottom:15px}.order-table{min-width:1100px}}@media(max-width:768px){.mobile-only-cards{display:block;padding:12px}.desktop-only-table{display:none!important}.table-wrapper{overflow-x:hidden}.order-table,.order-table tbody,.order-table tr,.order-table td{display:block;width:100%}.order-table thead{display:none}.order-table tr{margin-bottom:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;box-shadow:0 4px 12px #0003}.order-table td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border:none;border-bottom:1px solid rgba(255,255,255,.02);text-align:right;min-height:32px}.order-table td:last-child{border-bottom:none;padding-bottom:0;padding-top:10px}.order-table td:before{content:attr(data-label);font-weight:700;font-size:10px;color:#888;text-transform:uppercase;flex-shrink:0;margin-right:12px;letter-spacing:.5px}.order-table td>div,.order-table td>span{display:flex;justify-content:flex-end;align-items:center;text-align:right;flex:1;min-width:0}.order-table .title-cell,.order-table .store-cell,.order-table .date-cell{display:flex;flex-direction:column!important;align-items:flex-end!important;text-align:right;gap:2px!important}.s-name,.order-title{white-space:normal;word-break:break-word;text-align:right;max-width:100%;display:block}}.status-pill{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;min-width:90px;white-space:nowrap;text-align:center}.st-todo{background:#ff4d4d26;color:#ff4d4d;border:1px solid rgba(255,77,77,.3)}.st-progress{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.st-done{background:#00cc6626;color:#0c6;border:1px solid rgba(0,204,102,.3)}.order-row{transition:transform .2s,box-shadow .2s}.order-row:hover td{background:#ffffff0a}.ffm-cell{display:flex;flex-direction:column;gap:6px;align-items:center;position:relative;padding:4px;border-radius:8px;transition:background .2s}.ffm-cell:hover{background:#ffffff0d}.mini-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d;position:relative;z-index:1}.mini-avatar.single{background:linear-gradient(135deg,#7000ff,#4a00e0);box-shadow:0 4px 12px #7000ff4d;border:1px solid rgba(255,255,255,.2);font-size:13px;letter-spacing:-.5px}.mini-avatar.multi{background:linear-gradient(135deg,#00d4ff,#0072ff);box-shadow:0 4px 12px #00d4ff40;border:1px solid rgba(255,255,255,.2)}.ffm-name{font-size:11px;color:#ccc;font-weight:500;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;text-align:center}.ffm-count{font-size:10px;font-weight:700;color:#00d4ff;padding:2px 8px;background:#00d4ff14;border-radius:12px;border:1px solid rgba(0,212,255,.2)}.ffm-popup-list{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#0f0f0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:8px;border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:100;min-width:160px;margin-top:8px}.popup-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.popup-items li{padding:6px 12px;font-size:12px;color:#fff;border-radius:6px;transition:background .2s;cursor:default}.popup-items li:hover{background:#ffffff1a}.admin-container{display:flex;flex-direction:column;gap:30px;padding-bottom:40px}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--surface-border);padding-bottom:20px}.admin-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.admin-header p{color:var(--text-dim)}.admin-tabs{display:flex;gap:8px;background:#ffffff0d;padding:6px;border-radius:12px;border:1px solid var(--glass-border)}.tab-btn{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-smooth)}.tab-btn:hover{color:var(--text-main);background:#ffffff08}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.admin-card{padding:24px;display:flex;flex-direction:column;gap:20px;height:600px}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:18px;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.search-mini{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:6px 12px;color:#fff;font-size:13px;outline:none;width:200px;transition:all .2s}.search-mini:focus{border-color:var(--accent);background:#ffffff14}.item-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.item-list.scrollable{flex:1}.admin-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid var(--glass-border);transition:var(--transition-smooth)}.admin-item:hover{background:#ffffff0f;border-color:var(--accent-glow)}.item-info{display:flex;flex-direction:column;gap:4px;flex:1}.item-title-row{display:flex;align-items:center;gap:12px}.id-badge{font-size:11px;background:#ffffff1a;padding:2px 6px;border-radius:4px;color:var(--accent);font-family:monospace;font-weight:600}.item-name{font-weight:600;font-size:15px}.item-subtext{font-size:12px;color:var(--text-dim)}.item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:10px;padding:2px 8px;background:var(--primary-glow);border:1px solid var(--primary);border-radius:4px;color:#e0ccff}.tag.secondary{background:var(--accent-glow);border:1px solid var(--accent);color:#ccf6ff}.role-badge{font-size:10px;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:700}.role-badge.ffam{background:#7000ff;color:#fff}.role-badge.ffm{background:#00d4ff;color:#000}.role-badge.extern{background:#4ade80;color:#000}.role-badge.admin{background:#f05;color:#fff}.reports-to{font-size:11px;color:var(--text-muted);font-style:italic}.text-btn{background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;opacity:.6}.text-btn:hover{opacity:1}.text-btn.delete{color:#ef4444}.add-btn-outline{margin-top:auto;background:transparent;border:1px dashed var(--glass-border);color:var(--text-dim);padding:12px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);font-weight:500}.add-btn-outline:hover{background:#ffffff0d;border-color:var(--accent);color:var(--text-main)}.role-badge-mini.extern{background:#4ade8026;color:#4ade80}.role-badge-mini{font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.role-badge-mini.admin{background:#fff;color:#000}.role-badge-mini.ffam{background:#ffcc0026;color:#fc0}.role-badge-mini.ffm{background:#7000ff26;color:var(--accent-primary)}.btn-reset{background:transparent;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-reset:hover{color:#ef4444}.import-container{display:flex;justify-content:center;padding-top:20px}.import-card{max-width:600px;width:100%;padding:40px}.import-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.import-icon-large{font-size:64px;margin-bottom:10px}.dropzone{width:100%;height:200px;border:2px dashed var(--glass-border);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05}.dropzone.dragging{border-color:var(--accent);background:var(--accent-glow);transform:scale(1.02)}.dropzone.processing{cursor:wait;opacity:.8}.loader{width:40px;height:40px;border:3px solid var(--glass-border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropzone:hover{border-color:var(--accent);background:#ffffff0a}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{font-size:32px}.file-hint{font-size:12px;color:var(--text-muted)}.import-help{margin-top:20px;text-align:left;width:100%;background:#ffffff08;padding:20px;border-radius:12px;border-left:4px solid var(--accent)}.import-help h3{font-size:16px;margin-bottom:10px}.import-help ul{list-style:none;padding:0;font-size:14px;color:var(--text-dim)}.upload-box-simple{width:100%;padding:40px;border:2px solid var(--glass-border);border-radius:16px;background:#ffffff05;display:flex;justify-content:center;align-items:center}.input-group{display:flex;flex-direction:column;align-items:center;gap:15px}.processing-state{display:flex;flex-direction:column;align-items:center;gap:10px}.fade-in{animation:fadeIn .4s ease-out}.admin-status-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:12px 24px;border-radius:12px;font-weight:700;box-shadow:0 10px 40px #00000080;z-index:10000;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.permissions-container{display:flex;gap:20px;height:600px}.perm-sidebar{width:250px;display:flex;flex-direction:column;padding:20px;gap:20px}.perm-matrix{flex:1;display:flex;flex-direction:column;padding:20px}.perm-mode-switch{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--glass-border);padding-bottom:15px}.mode-btn{padding:10px;border-radius:8px;border:1px solid transparent;background:#ffffff08;color:var(--text-dim);cursor:pointer;text-align:left;transition:all .2s}.mode-btn:hover{background:#ffffff0f;color:#fff}.mode-btn.active{background:var(--primary-glow);border-color:var(--primary);color:#fff}.perm-list{flex:1;display:flex;flex-direction:column;gap:5px}.perm-item-select{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;font-size:14px}.perm-item-select:hover{background:#ffffff08}.perm-item-select.selected{background:#ffffff14;border-left:3px solid var(--accent)}.role-dot{width:8px;height:8px;border-radius:50%;margin-right:10px}.role-dot.admin{background:#f05}.role-dot.ffam{background:#fc0}.role-dot.ffm{background:#00d4ff}.role-dot.extern{background:#4ade80}.tiny-role{font-size:10px;color:var(--text-muted);background:#ffffff0d;padding:2px 6px;border-radius:4px}.matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.matrix-header h3{font-size:18px;margin:0}.info-badge{font-size:12px;color:var(--accent);background:var(--accent-glow);padding:4px 10px;border-radius:12px}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;align-content:start}.perm-checkbox-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all .2s}.perm-checkbox-row:hover{background:#ffffff0a}.perm-checkbox-row.active{background:#00ff800d;border-color:#00ff804d}.perm-checkbox-row.overridden{border-color:var(--accent)}.override-tag{font-size:10px;color:#000;background:var(--accent);padding:2px 5px;border-radius:4px;font-weight:700;margin-left:auto}.cb-wrapper{position:relative;width:20px;height:20px}.cb-wrapper input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ffffff1a;border-radius:4px;transition:all .2s}.perm-checkbox-row:hover .checkmark{background-color:#fff3}.cb-wrapper input:checked~.checkmark{background-color:var(--accent)}.checkmark:after{content:"";position:absolute;display:none}.cb-wrapper input:checked~.checkmark:after{display:block}.cb-wrapper .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid black;border-width:0 2px 2px 0;transform:rotate(45deg)}.cb-label{display:flex;flex-direction:column}.cb-title{font-size:14px;font-weight:500;color:var(--text-main)}.cb-desc{font-size:11px;color:var(--text-dim)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic}.info-tooltip-wrapper{position:relative;display:flex;align-items:center}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ffffff1a;color:var(--accent);font-size:10px;cursor:help;transition:all .2s}.info-icon:hover{background:var(--accent);color:#000}.custom-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(5px);background:#1a1a1a;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;border:1px solid var(--glass-border);box-shadow:0 4px 12px #00000080;z-index:10;transition:all .2s;pointer-events:none}.info-tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.modal-overlay{background:#0009!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.modal-content{background:#0f0f0fd9!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d!important;width:100%;max-width:500px;padding:30px!important;border-radius:20px!important}.modal-header-simple{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header-simple h2{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.employee-edit-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-group.flex-1{flex:1}.employee-edit-form label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:600;margin-left:4px}.employee-edit-form input,.employee-edit-form select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-family:inherit;font-size:14px;transition:all .2s ease;outline:none;width:100%}.employee-edit-form input:focus,.employee-edit-form select:focus{background:#ffffff0f;border-color:var(--primary);box-shadow:0 0 0 4px #7000ff26}.employee-edit-form select option{background:#1a1a1a;color:#fff}.hint-text{font-size:11px;color:var(--text-muted);margin-top:4px;margin-left:4px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.add-task-main-btn{background:linear-gradient(135deg,var(--primary) 0%,#9040ff 100%);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #7000ff4d;transition:all .2s}.add-task-main-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7000ff66;filter:brightness(1.1)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.modal-actions .text-btn.delete{padding:10px 20px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);opacity:1;color:#ef4444}.modal-actions .text-btn.delete:hover{background:#ef444433;border-color:#ef444466}.kanban-board-container{padding:24px;height:calc(100vh - 80px);overflow-x:auto;overflow-y:hidden}.kanban-header-optimized{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 4px}.header-left{display:flex;flex-direction:column;gap:12px}.page-title{margin:0;font-size:28px;font-weight:800;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.view-segmented-control{display:flex;background:#ffffff0d;padding:4px;border-radius:12px;width:fit-content;border:1px solid rgba(255,255,255,.08)}.segmented-btn{padding:6px 20px;border-radius:10px;border:none;background:transparent;color:#888;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.header-right{display:flex;align-items:center;gap:20px}.filter-group{display:flex;gap:10px}.glass-select-compact{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:8px 12px;border-radius:10px;font-size:13px;outline:none;cursor:pointer;transition:all .2s}.glass-select-compact:focus{border-color:var(--primary);background:#ffffff1a}.kanban-board{display:flex;gap:24px;height:calc(100% - 60px);padding-bottom:20px}.kanban-column{min-width:320px;width:320px;background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;max-height:100%}.column-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:inherit;border-radius:16px 16px 0 0;z-index:10}.column-title{font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.column-count{background:#ffffff1a;padding:2px 8px;border-radius:12px;font-size:12px;color:#aaa}.column-content{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.column-content::-webkit-scrollbar{width:4px}.column-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.kanban-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;cursor:grab;transition:all .2s;position:relative}.kanban-card:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#7000ff33}.kanban-card:active{cursor:grabbing}.card-header{display:flex;justify-content:space-between;margin-bottom:8px}.card-id{font-size:11px;color:#666;font-family:monospace}.card-title{font-size:14px;font-weight:600;color:#eee;margin-bottom:8px;line-height:1.4}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#888}.card-avatar{width:24px;height:24px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;border:1px solid rgba(255,255,255,.1)}.drag-placeholder{border:2px dashed rgba(255,255,255,.1);border-radius:12px;background:#ffffff03;margin-bottom:16px;display:flex;align-items:center;justify-content:center;min-height:100px;color:#666}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{width:600px;max-width:90vw;max-height:90vh;overflow-y:auto;background:#1e1e1ed9;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;color:#fff}.modal-content h2{margin-top:0;margin-bottom:24px;font-size:24px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.order-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.glass-input{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;padding:12px 16px;border-radius:12px;color:#fff!important;font-size:14px;outline:none;transition:all .2s;width:100%;box-sizing:border-box}.glass-input:focus{border-color:var(--primary)!important;background:#00000080!important;box-shadow:0 0 0 2px #7000ff1a}.glass-input::placeholder{color:#ffffff4d}select.glass-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23AAAAAA%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:10px auto;padding-right:40px}.store-empty-select{border:1px dashed rgba(255,255,255,.2);background:#ffffff05;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}.store-empty-select:hover{background:#ffffff0d;border-color:#ffffff4d}.pick-icon{font-size:24px;opacity:.7}.pick-text strong{display:block;color:#fff;margin-bottom:2px}.pick-text span{font-size:12px;color:#888}.selected-stores-container{display:flex;flex-wrap:wrap;gap:8px;background:#0003;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.store-chip{background:#ffffff1a;padding:4px 10px;border-radius:6px;font-size:12px;color:#eee;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.remove-store{cursor:pointer;opacity:.6;font-weight:700}.remove-store:hover{opacity:1;color:#ff4d4d}.add-btn-outline{background:transparent;border:1px dashed rgba(255,255,255,.3);color:#aaa;border-radius:6px;cursor:pointer}.add-btn-outline:hover{color:#fff;border-color:#fff}.store-picker-overlay{position:absolute;top:100%;left:0;right:0;background:#181818;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #000c;border-radius:16px;padding:16px;z-index:50;margin-top:8px;animation:fadeIn .2s ease-out}.picker-header{position:relative;margin-bottom:12px}.picker-header input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:10px;color:#fff;outline:none;font-size:14px}.picker-header input:focus{border-color:var(--primary);background:#ffffff14}.close-picker{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;color:#888;font-size:20px;cursor:pointer}.close-picker:hover{color:#fff}.region-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.reg-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:6px 12px;border-radius:20px;font-size:11px;white-space:nowrap;cursor:pointer;transition:all .2s}.reg-tab:hover,.reg-tab.active{background:#7000ff33;color:#fff;border-color:#7000ff66}.picker-results{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.picker-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all .1s}.picker-item:hover{background:#ffffff0d}.picker-item.selected{background:#7000ff26;border-color:#7000ff4d}.checkbox-visual{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.3);position:relative;flex-shrink:0}.picker-item.selected .checkbox-visual{background:var(--primary);border-color:var(--primary)}.picker-item.selected .checkbox-visual:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.pi-main{flex:1;display:flex;flex-direction:column}.pi-name{font-size:13px;font-weight:600;color:#fff}.pi-details{font-size:11px;color:#888}.pi-assignee{font-size:10px;color:#666;background:#0000004d;padding:2px 6px;border-radius:4px}.picker-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.select-info{font-size:12px;color:#fff;font-weight:600;margin-right:12px}.select-all-btn{background:none;border:none;color:#aaa;font-size:11px;cursor:pointer;text-decoration:underline}.select-all-btn:hover{color:#fff}.btn-confirm-selection{background:#0c6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0c63}.btn-confirm-selection:hover{background:#00b359;transform:translateY(-1px)}.hidden-file-input{display:none!important}.image-upload-area{margin-top:8px}.image-gallery-container{display:flex;flex-direction:column;gap:12px}.image-gallery{display:flex;flex-wrap:wrap;gap:12px}.gallery-item{width:80px;height:80px;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.gallery-item img{width:100%;height:100%;object-fit:cover}.remove-img-btn{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.gallery-add-btn{width:80px;height:80px;border-radius:12px;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff0d;transition:all .2s}.gallery-add-btn:hover{background:#ffffff1a;border-color:#fff}.empty-upload-actions{display:flex;gap:16px}.action-tile{flex:1;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.action-tile:hover{background:#ffffff0f;border-color:#fff6;transform:translateY(-2px)}.action-tile .icon{font-size:24px}.action-tile .text{font-size:13px;color:#ccc;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.glass-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.glass-btn:hover{background:#ffffff1a}.primary-btn{background:#0c6;background:linear-gradient(135deg,#0c6,#00b359);border:none;color:#fff;padding:10px 24px;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #00cc664d;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0c66}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;margin:20px auto;max-width:500px;text-align:center;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.empty-state-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7000ff26}.empty-state-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#7000ff33,#5500cc1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(112,0,255,.3);box-shadow:0 0 20px #7000ff33;animation:float-icon 4s ease-in-out infinite}.empty-state-icon{font-size:36px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.empty-state-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:.5px}.empty-state-message{font-size:14px;color:#fff9;line-height:1.6;margin:0 0 24px;max-width:320px}.empty-state-action{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#7000ff,#50c);color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #7000ff4d}.empty-state-action:hover{background:linear-gradient(135deg,#851aff,#7000ff);box-shadow:0 6px 20px #7000ff66;transform:translateY(-1px)}@keyframes float-icon{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.workload-container{padding:10px}.workload-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;border-bottom:1px solid var(--glass-border);padding-bottom:24px}.filter-group{padding:12px 20px;display:flex;flex-direction:column;gap:10px}.filter-label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase}.level-filters{display:flex;gap:8px}.lv-btn{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-dim);padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.lv-btn:hover{background:#ffffff14}.lv-btn.active{background:#fff;color:#111}.lv-btn.high.active{background:#f36;color:#fff;border-color:#f36}.lv-btn.medium.active{background:#fc0;color:#111;border-color:#fc0}.lv-btn.low.active{background:#0fa;color:#111;border-color:#0fa}.workload-tabs{margin-top:15px}.view-selector{display:flex;gap:6px;background:#ffffff08;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08);width:fit-content}.view-toggle{background:transparent;border:none;color:#888;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-toggle:hover{color:#fff;background:#ffffff0d}.view-toggle.active{background:#7000ff;color:#fff;box-shadow:0 4px 12px #7000ff4d}.empty-state{padding:100px;text-align:center;color:var(--text-dim);font-style:italic}.workload-header h1{font-size:32px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:inherit}.workload-header p{font-size:14px;color:#888;margin-top:4px;font-family:inherit}.workload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.emp-workload-card{padding:24px;border:1px solid var(--glass-border);border-radius:20px;transition:transform .3s ease,background .3s ease}.emp-workload-card:hover{transform:translateY(-5px);background:#ffffff0a}.card-top{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative}.edit-icon-card{position:absolute;top:0;right:0;background:#ffffff0d;border:none;color:var(--text-dim);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s}.emp-workload-card:hover .edit-icon-card{opacity:1}.wide-modal{max-width:700px!important;max-height:90vh;overflow-y:auto}.edit-section{background:#ffffff08;border-radius:12px;padding:20px;border:1px solid var(--glass-border);margin-bottom:20px}.edit-section h3{font-size:14px;font-weight:700;margin-bottom:15px;color:var(--accent-secondary);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.hint-text{font-size:11px;color:var(--text-dim);margin-top:4px;display:block}.modal-header-simple{border-bottom:1px solid var(--glass-border);padding-bottom:20px;margin-bottom:20px}.modal-header-simple h2{font-size:24px;margin:0;color:#fff}.modal-tabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2px}.tab-btn{background:none;border:none;color:var(--text-dim);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:#fff;border-bottom-color:var(--accent-secondary)}.tab-content{min-height:300px}.section-info{margin-bottom:15px;display:flex;justify-content:flex-end}.info-badge{background:#ffffff1a;padding:4px 10px;border-radius:50px;font-size:12px;color:#fff}.vacation-card-preview{background:#ffcc001a;border:1px solid rgba(255,204,0,.2);padding:15px;border-radius:12px;display:flex;flex-direction:column;gap:5px;color:#fc0;text-align:center;margin-top:20px}.store-manager-list{max-height:200px;overflow-y:auto;background:#0003;border-radius:8px;padding:10px;margin-bottom:15px;border:1px solid rgba(255,255,255,.05)}.store-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.store-item-row:last-child{border-bottom:none}.st-name{font-weight:500;font-size:13px;color:#fff}.st-id{font-size:11px;color:var(--text-dim)}.st-info-col{display:flex;flex-direction:column;gap:2px;flex:1}.st-others{font-size:10px;color:var(--accent-secondary);opacity:.8}.remove-btn-mini{background:none;border:none;color:#ff4d4d;font-weight:700;font-size:16px;cursor:pointer;opacity:.6}.remove-btn-mini:hover{opacity:1;transform:scale(1.2)}.add-store-row{display:flex;gap:10px}.add-store-row select{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:8px;border-radius:8px}.add-store-row select option,select option{background-color:#1a1a1a;color:#fff}.btn-small-add{background:var(--primary);border:none;color:#fff;padding:0 16px;border-radius:8px;font-weight:600;cursor:pointer}.vacation-badge-card{background:#fc03;color:#fc0;padding:4px 10px;border-radius:50px;font-size:11px;border:1px solid rgba(255,204,0,.3);margin-left:auto;margin-right:10px}.empty-text{font-size:12px;color:var(--text-dim);text-align:center}.emp-avatar-large{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;border:3px solid rgba(255,255,255,.1)}.emp-meta h3{font-size:18px;margin-bottom:4px}.emp-role-tag{font-size:11px;font-weight:700;color:var(--accent-secondary);background:#00d4ff1a;padding:2px 10px;border-radius:50px;text-transform:uppercase}.workload-stats-row{display:flex;justify-content:space-between;background:#ffffff08;padding:16px;border-radius:16px;margin-bottom:24px}.stat-box{display:flex;flex-direction:column;align-items:center}.stat-val{font-size:20px;font-weight:800}.stat-lab{font-size:11px;color:var(--text-dim);text-transform:uppercase}.workload-progress-section{margin-bottom:24px}.progress-labels{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px;color:var(--text-dim)}.progress-bar-container{height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;transition:width 1s ease-out}.status-distribution{display:flex;gap:20px;font-size:12px;color:var(--text-dim)}.dist-item{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%}.dot.todo{background:#ff4d4d}.dot.progress{background:orange}.workload-list-view{padding:0;overflow:hidden;border-radius:20px}.workload-table{width:100%;border-collapse:collapse;text-align:left}.workload-table th{background:#ffffff05;padding:16px 24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--glass-border)}.workload-row{border-bottom:1px solid var(--glass-border);transition:background .2s}.workload-row:hover{background:#ffffff05}.workload-table td{padding:16px 24px;vertical-align:middle}.emp-cell{display:flex;align-items:center;gap:12px}.emp-names{display:flex;flex-direction:column}.emp-names .n-name{font-weight:600;color:#fff}.emp-names .n-role{font-size:11px;color:var(--text-dim)}.lv-badge{padding:4px 12px;border-radius:50px;font-size:10px;font-weight:800;text-transform:uppercase}.lv-badge.high{background:#ff33661a;color:#f36;border:1px solid rgba(255,51,102,.2)}.lv-badge.medium{background:#ffcc001a;color:#fc0;border:1px solid rgba(255,204,0,.2)}.lv-badge.low{background:#00ffaa1a;color:#0fa;border:1px solid rgba(0,255,170,.2)}.list-progress-container{width:150px;display:flex;flex-direction:column;gap:6px}.progress-text{font-size:11px;font-weight:700;text-align:right;color:#fff}.list-progress-bar{height:4px;background:#ffffff0d;border-radius:10px;overflow:hidden}.list-progress-fill{height:100%}.list-progress-fill.high{background:#f36}.list-progress-fill.medium{background:#fc0}.list-progress-fill.low{background:#0fa}.tasks-summary{display:flex;flex-direction:column}.t-count{font-weight:700;color:#fff}.t-sub{font-size:10px;color:var(--text-dim)}.stores-badge{background:#ffffff0d;padding:6px 12px;border-radius:8px;font-size:12px;border:1px solid var(--glass-border);display:inline-flex;align-items:center;justify-content:center;min-width:80px;transition:all .2s ease;color:#fff}.stores-badge:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.done-badge{background:#00cc661a;color:#0c6;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(0,204,102,.2);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:60px;box-shadow:0 2px 8px #00cc661a}.done-badge svg{width:14px;height:14px}.icon-btn.edit-mini{width:28px;height:28px;font-size:12px;border-radius:6px;background:transparent;border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn.edit-mini:hover{background:var(--accent-primary);color:#fff;border-color:#fff}.segmentation-container{display:flex;flex-direction:column;gap:24px}.segmentation-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:20px;flex-wrap:wrap}.segmentation-controls .search-box{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:8px 16px;flex:1;min-width:200px}.segmentation-controls .search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;font-size:14px}.segmentation-controls .filter-group{display:flex;align-items:center;gap:12px}.segmentation-controls .filter-group select{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;padding:8px 12px;font-size:14px;outline:none}.segmentation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.store-seg-card{padding:20px;display:flex;flex-direction:column;gap:16px}.store-seg-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.store-seg-title h3{margin:0;font-size:16px;font-weight:700}.store-id-badge{font-size:11px;color:var(--text-dim);margin-top:4px;display:block}.store-ffam-badge{font-size:11px;background:var(--accent-glow);color:var(--accent);padding:4px 8px;border-radius:4px;border:1px solid var(--accent);font-weight:600}.store-seg-body label{font-size:12px;font-weight:600;color:var(--text-dim);display:block;margin-bottom:10px}.assigned-ffms-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px;align-items:center}.ffm-tag{background:#7000ff1a;border:1px solid var(--primary);color:#e0ccff;padding:4px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.remove-ffm-btn{background:none;border:none;color:#ff4d4d;cursor:pointer;font-weight:700;padding:0;line-height:1}.no-assignment{font-size:12px;color:var(--text-muted);font-style:italic}.add-ffm-selector select{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-dim);padding:6px 10px;font-size:13px;cursor:pointer}.add-ffm-selector select:hover{background:#ffffff14;color:#fff}.store-list-container{display:flex;flex-direction:column;gap:24px;height:100%;max-width:1600px;margin:0 auto;width:100%}.store-list-header{display:flex;justify-content:space-between;align-items:flex-end}.store-list-header h1{font-size:28px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.store-list-header p{color:var(--text-dim);font-size:14px}.search-bar{display:flex;align-items:center;padding:12px 16px;border-radius:12px;width:300px;border:1px solid var(--glass-border)}.search-icon{font-size:16px;margin-right:10px;opacity:.5}.search-bar input{background:transparent;border:none;color:#fff;width:100%;font-size:14px;outline:none}.store-table-wrapper{flex:1;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;border:1px solid var(--glass-border)}.store-table{width:100%;border-collapse:collapse;overflow-y:auto;display:block;height:100%}.store-table thead{background:#ffffff08;position:sticky;top:0;z-index:2}.store-table tbody,.store-table thead{display:table;width:100%;table-layout:fixed}.store-table th{text-align:left;padding:16px;font-size:11px;text-transform:uppercase;color:var(--text-dim);font-weight:700;border-bottom:1px solid var(--glass-border);letter-spacing:.5px}.col-id{width:8%;min-width:70px}.col-name{width:22%;min-width:180px}.col-address{width:35%;min-width:250px}.col-ffm{width:20%;min-width:160px}.col-ffam{width:15%;min-width:140px}.store-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--text-main);vertical-align:top;line-height:1.5}@media(max-width:1024px){.store-table{min-width:900px}.store-table-wrapper{overflow-x:auto}.store-list-header{flex-direction:column;align-items:flex-start;gap:15px}.search-bar{width:100%}}@media(max-width:600px){.store-table th,.store-table td{padding:12px 10px}}.store-table tr:hover td{background:#ffffff05}.id-cell{font-family:monospace;color:var(--text-dim)}.name-cell{color:#fff}.ffm-tag{display:inline-block;background:#7000ff1a;color:#dcb3ff;padding:2px 8px;border-radius:6px;font-size:12px;margin-right:4px;margin-bottom:2px}.ffam-tag{display:inline-block;background:#00cc661a;color:#80ffbf;padding:2px 8px;border-radius:6px;font-size:12px}.unassigned{color:#666;font-style:italic}.empty-cell{text-align:center;padding:40px;color:var(--text-dim);font-style:italic}.footer-count{font-size:12px;color:var(--text-dim);text-align:right;padding-right:12px}.gantt-chart-container{margin:0;padding:0 0 40px;overflow:visible;background:transparent}.gantt-header{padding:32px 24px 24px;border-bottom:2px solid rgba(112,0,255,.2);background:linear-gradient(135deg,#7000ff14,#00000026)}.gantt-header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.gantt-header-text{flex:1}.gantt-header h2{font-size:26px;font-weight:800;margin-bottom:8px;color:#fff;letter-spacing:-.8px}.gantt-header p{font-size:14px;color:#aaa;margin:0;font-weight:400}.gantt-controls{display:flex;align-items:center;gap:12px;background:#0000004d;padding:12px 20px;border-radius:10px;border:1px solid rgba(112,0,255,.2)}.gantt-control-label{font-size:12px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:1px}.gantt-time-selector{background:#7000ff26;border:1px solid rgba(112,0,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:all .2s}.gantt-time-selector:hover{background:#7000ff40;border-color:#7000ff80}.gantt-time-selector:focus{background:#7000ff4d;border-color:#7000ff;box-shadow:0 0 0 3px #7000ff1a}.gantt-time-selector option{background:#1a1a1a;color:#fff}.gantt-legend{display:flex;gap:28px;padding:18px 24px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.06)}.legend-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#ccc;font-weight:600;letter-spacing:.3px}.legend-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.today-marker-legend{width:3px;height:20px;background:#0af;box-shadow:0 0 12px #0af;border-radius:2px}.gantt-empty{padding:100px 24px;text-align:center;color:#666;font-size:15px}.gantt-content{overflow-x:auto;overflow-y:visible;min-height:500px}.gantt-timeline-header{display:flex;background:#0006;border-bottom:2px solid rgba(112,0,255,.25);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gantt-task-column{width:280px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);padding:14px 20px;background:#0000004d}.gantt-column-title{font-size:11px;font-weight:800;text-transform:uppercase;color:#999;letter-spacing:2px}.gantt-chart-column{flex:1;min-width:1200px;position:relative;background:#0000001a}.gantt-month-labels{display:flex;position:relative;height:100%}.gantt-month-label{position:absolute;padding:14px 12px;font-size:11px;font-weight:800;text-transform:uppercase;color:#888;border-right:1px solid rgba(255,255,255,.1);text-align:center;letter-spacing:1.5px}.gantt-week-labels{display:flex;position:relative;height:30px;border-top:1px solid rgba(255,255,255,.05)}.gantt-week-label{position:absolute;padding:6px 8px;font-size:9px;font-weight:700;color:#666;text-align:center;letter-spacing:.5px;white-space:nowrap}.gantt-tasks{position:relative}.gantt-task-row{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#0000}.gantt-task-row:nth-child(2n) .gantt-task-main{background:#ffffff05}.gantt-task-row:hover .gantt-task-main{background:#7000ff1a}.gantt-task-row.expanded{box-shadow:0 4px 20px #7000ff33;border-left:3px solid rgba(112,0,255,.6)}.gantt-task-main{display:flex;min-height:60px;transition:background .2s}.gantt-task-info{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 0}.gantt-expand-icon{font-size:14px;color:#888;transition:transform .3s;flex-shrink:0;margin-right:4px}.gantt-task-row.expanded .gantt-expand-icon{transform:rotate(90deg);color:#7000ff}.gantt-task-title-simple{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.5}.gantt-task-details{display:none;background:linear-gradient(135deg,#7000ff0d,#0003);border-top:1px solid rgba(112,0,255,.2);animation:slideDown .3s ease-out}.gantt-task-row.expanded .gantt-task-details{display:block}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.gantt-details-content{padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gantt-detail-item{display:flex;flex-direction:column;gap:6px}.gantt-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#888;letter-spacing:1px}.gantt-detail-value{font-size:13px;font-weight:600;color:#fff;line-height:1.4}.gantt-detail-value.stores{color:#0af}.gantt-detail-value.assigned{color:#0fa}.gantt-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.gantt-status-badge.todo{background:#ff4d4d26;color:#ff6b6b;border:1px solid rgba(255,77,77,.3)}.gantt-status-badge.inProgress{background:#ffa50026;color:#fa0;border:1px solid rgba(255,165,0,.3)}.gantt-priority-badge{display:inline-flex;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.gantt-priority-badge.priority-high{background:#f363;color:#f68;border:1px solid rgba(255,51,102,.4)}.gantt-priority-badge.priority-medium{background:#fc03;color:#fd5;border:1px solid rgba(255,204,0,.4)}.gantt-priority-badge.priority-low{background:#0fa3;color:#5fb;border:1px solid rgba(0,255,170,.4)}.gantt-timeline{position:relative;height:60px;padding:15px 0;overflow:visible}.gantt-week-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0a;pointer-events:none}.gantt-today-marker-header{position:absolute;top:0;bottom:-2000px;width:2px;background:linear-gradient(180deg,#0af,#08c);box-shadow:0 0 16px #0af9;z-index:15;pointer-events:none;border-radius:2px}.gantt-today-marker-header:before{content:"HEUTE";position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:900;color:#0af;background:#000000f2;padding:4px 10px;border-radius:8px;white-space:nowrap;border:1px solid rgba(0,170,255,.4);letter-spacing:1px}.gantt-bar{position:absolute;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d;overflow:hidden;top:50%;transform:translateY(-50%);padding:0 12px}.gantt-bar:hover{transform:translateY(-50%) translateY(-2px);box-shadow:0 4px 16px #00000080;filter:brightness(1.2);z-index:10}.gantt-bar.priority-high{border-left:4px solid #ff3366;background:linear-gradient(90deg,#f36c,#f369)}.gantt-bar.priority-medium{border-left:4px solid #ffcc00;background:linear-gradient(90deg,#fc0c,#fc09)}.gantt-bar.priority-low{border-left:4px solid #00ffaa;background:linear-gradient(90deg,#0fac,#0fa9)}.gantt-bar-title{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.gantt-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#00000040;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#888;font-weight:600}.gantt-footer-hint{color:#7000ff;font-size:11px;font-weight:500}@media(max-width:1200px){.gantt-task-column{width:240px}.gantt-chart-column{min-width:900px}.gantt-details-content{grid-template-columns:1fr}}@media(max-width:768px){.gantt-task-column{width:200px}.gantt-task-title-simple{font-size:12px}.gantt-bar{height:28px}.gantt-footer{flex-direction:column;gap:8px;text-align:center}}.login-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:9999;overflow:hidden}.login-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(112,0,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(112,0,255,.05) 0%,transparent 60%);pointer-events:none}.login-card{width:90%;max-width:440px;padding:50px 40px;border-radius:32px;position:relative;z-index:10;background:#ffffff05;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:40px}.logo-icon-large{width:80px;height:80px;background:var(--primary);color:#fff;font-size:32px;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:22px;margin:0 auto 24px;box-shadow:0 12px 30px var(--primary-glow);border:2px solid rgba(255,255,255,.1)}.login-header h1{font-size:36px;font-weight:800;margin-bottom:8px;letter-spacing:-1px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:#ffffff80;font-size:15px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:13px;font-weight:600;color:#ffffffb3;margin-left:4px;text-transform:uppercase;letter-spacing:.5px}.login-error{background:#ef44441a;color:#ff6b6b;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid rgba(239,68,68,.3);text-align:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn{background:var(--primary);color:#fff;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;box-shadow:0 10px 25px -5px var(--primary-glow)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px var(--primary-glow);filter:brightness(1.2)}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:24px}.forgot-password-link{background:none;border:none;color:#fff6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.forgot-password-link:hover{color:#fff;transform:scale(1.02)}.login-legal{position:absolute;bottom:40px;display:flex;gap:30px;color:#fff3;font-size:13px;font-weight:500}.login-legal span{cursor:pointer;transition:color .2s}.login-legal span:hover{color:#ffffff80}.modal-overlay{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-reset-modal{background:#111;border:1px solid rgba(255,255,255,.1)}.ppg-builder{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;font-family:Inter,sans-serif;background:#c8d4dc}.ppg-builder-topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1c2b3a;border-bottom:2px solid #FF6B00;flex-shrink:0;box-shadow:0 2px 12px #00000059}.ppg-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:7px;color:#ffffffd9;padding:6px 14px;font-size:.85rem;cursor:pointer;font-family:inherit;transition:background .2s;white-space:nowrap}.ppg-back-btn:hover{background:#ffffff26}.ppg-builder-title{display:flex;flex-direction:column}.ppg-builder-name{font-weight:700;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppg-builder-dims{font-size:.72rem;color:#fff6}.ppg-zoom-bar{display:flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:3px 6px;margin-left:auto}.ppg-zoom-btn{background:none;border:none;color:#fff;font-size:1rem;width:24px;height:24px;cursor:pointer;border-radius:4px;font-family:inherit;line-height:1;transition:background .15s;display:flex;align-items:center;justify-content:center}.ppg-zoom-btn:hover{background:#ff6b0040}.ppg-zoom-pct{font-size:.78rem;font-weight:700;color:#ff6b00;min-width:38px;text-align:center;font-family:Courier New,monospace}.ppg-zoom-fit{background:#ff6b0026;border:1px solid rgba(255,107,0,.35);border-radius:5px;color:#ff6b00;font-size:.72rem;font-weight:700;padding:2px 7px;cursor:pointer;font-family:inherit;transition:background .15s}.ppg-zoom-fit:hover{background:#ff6b004d}.ppg-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ppg-status-select-sm{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:6px 10px;font-size:.8rem;font-family:inherit;cursor:pointer}.ppg-status-select-sm option{background:#1a1a2e}.ppg-btn-stores{background:#1428a080;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#ffffffd9;padding:6px 14px;font-size:.82rem;cursor:pointer;font-family:inherit;transition:background .2s}.ppg-btn-stores:hover{background:#1428a0cc}.ppg-btn-save{background:linear-gradient(135deg,#1428a0,#00d4ff);border:none;border-radius:8px;color:#fff;padding:7px 16px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s;white-space:nowrap}.ppg-btn-save:disabled{opacity:.5;cursor:not-allowed}.ppg-saved-hint{font-size:.75rem;color:#ffffff59}.ppg-readonly-badge{background:#ffc80026;border:1px solid rgba(255,200,0,.3);border-radius:6px;color:#f5a623;font-size:.75rem;padding:4px 10px;font-weight:600}.ppg-builder-body{display:flex;flex:1;overflow:hidden;gap:0}.ppg-palette{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:#1c2b3a;border-right:2px solid rgba(255,255,255,.07);overflow:hidden}.ppg-palette-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.ppg-tab{flex:1;min-width:36px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff73;padding:9px 4px;font-size:.82rem;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s,background .15s}.ppg-tab:hover{background:#ff6b0014;color:#ffffffb3}.ppg-tab.active{color:#ff6b00;border-bottom-color:#ff6b00;background:#ff6b000f}.ppg-palette-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.ppg-palette-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);cursor:grab;background:#ffffff0a;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.ppg-palette-item:hover{background:#ffffff17;border-color:#00d4ff40}.ppg-palette-item.readonly{cursor:not-allowed;opacity:.5}.ppg-palette-item:active{cursor:grabbing}.ppg-palette-color{width:12px;height:12px;border-radius:3px;background:#4a6fa5;flex-shrink:0}.ppg-palette-color.tv-color{background:#1428a0}.ppg-palette-label{font-size:.78rem;color:#ffffffd9;font-weight:500;flex:1}.ppg-palette-dims{font-size:.68rem;color:#ffffff59;white-space:nowrap}.ppg-palette-readonly-msg{font-size:.75rem;color:#ffc80080;text-align:center;padding:12px 8px 0}.ppg-canvas-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#c8d4dc;position:relative}.ppg-canvas-scroll{flex:1;overflow:auto;display:flex;justify-content:flex-start;align-items:flex-start;padding:28px}.ppg-canvas-scroll canvas{border-radius:2px;box-shadow:0 4px 24px #00000040,0 0 0 1px #6482a066,4px 4px 16px #00000026}.ppg-canvas-legend{display:flex;justify-content:center;gap:24px;padding:6px 16px;font-size:.7rem;color:#283c508c;background:#c8d4dccc;border-top:1px solid rgba(100,130,160,.2);flex-shrink:0}.ppg-hint{color:#b45a0099}.ppg-props{width:240px;flex-shrink:0;background:#1c2b3a;border-left:2px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden;padding:16px}.ppg-props-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin:0 0 16px}.ppg-props-empty{font-size:.82rem;color:#ffffff40;text-align:center;padding:24px 0}.ppg-props-form{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.ppg-props-form label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#ffffff80}.ppg-props-form input{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:6px 10px;font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s}.ppg-props-form input:focus{border-color:#ff6b0099;box-shadow:0 0 0 2px #ff6b001f}.ppg-props-form input:disabled{opacity:.4;cursor:not-allowed}.ppg-props-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ppg-props-info{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:#00d4ffb3;padding:8px;background:#1428a033;border-radius:6px;border:1px solid rgba(20,40,160,.4)}.ppg-delete-el-btn{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:6px;color:#e74c3c;padding:8px;font-size:.82rem;cursor:pointer;font-family:inherit;margin-top:8px;transition:background .2s}.ppg-layer-section{background:#ff6b000f;border:1px solid rgba(255,107,0,.2);border-radius:8px;padding:10px}.ppg-layer-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#ffffff73;margin-bottom:8px}.ppg-layer-indicator{font-family:Courier New,monospace;font-size:.78rem;font-weight:700;color:#ff6b00;background:#ff6b001f;padding:1px 7px;border-radius:10px}.ppg-layer-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}.ppg-layer-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ffffffbf;font-size:.78rem;font-weight:700;padding:6px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s;text-align:center}.ppg-layer-btn:hover{background:#ff6b0033;border-color:#ff6b0066;color:#ff6b00}.ppg-delete-el-btn:hover{background:#e74c3c4d}.ppg-store-panel-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ppg-store-panel{width:420px;max-height:80vh;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(255,255,255,.12);background:#0f1432f5}.ppg-store-panel-header{display:flex;align-items:center;justify-content:space-between}.ppg-store-panel-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.ppg-store-panel-header button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.1rem}.ppg-store-search{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:8px 12px;font-size:.88rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box}.ppg-store-search::placeholder{color:#ffffff4d}.ppg-store-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:320px}.ppg-store-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s}.ppg-store-item:hover{background:#ffffff0d}.ppg-store-item input[type=checkbox]{accent-color:#00d4ff;width:15px;height:15px}.ppg-store-name{font-size:.85rem;color:#ffffffd9;flex:1}.ppg-store-panel-footer{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}@media(max-width:768px){.ppg-palette,.ppg-props{display:none}.ppg-builder-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.ppg-canvas-scroll{align-items:flex-start;justify-content:flex-start;padding:12px}}.ppg-rotation-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ppg-rotation-row input{width:58px!important;flex-shrink:0}.ppg-rot-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#ffffffa6;padding:4px 6px;font-size:10px;cursor:pointer;font-family:inherit;transition:background .15s;line-height:1}.ppg-rot-btn:hover{background:#ffffff24}.ppg-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ppg-color-picker{width:34px;height:26px;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;padding:2px;background:#ffffff0d;flex-shrink:0}.ppg-color-swatches{display:flex;gap:4px;flex-wrap:wrap}.ppg-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0;transition:transform .15s,outline .1s}.ppg-swatch:hover{transform:scale(1.3)}.ppg-swatch:disabled{opacity:.35;cursor:not-allowed;transform:none}.ppg-palette-item.zone{border-color:#2a5f3a66}.ppg-palette-item.zone:hover{background:#2a5f3a2e;border-color:#00d4ff40}.ppg-palette-item.obstacle{border-color:#50506459;opacity:.9}.ppg-palette-item.obstacle:hover{background:#5050642e}.ppg-c-nr{font-size:.72rem;color:#ffffff59;margin-left:6px}.ppg-no-stores{font-size:.82rem;color:#ffffff40;text-align:center;padding:16px}.ral-palette{display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none}.ral-palette--disabled{opacity:.45;pointer-events:none}.ral-group-tabs{display:flex;flex-wrap:wrap;gap:3px}.ral-group-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;cursor:pointer;font-size:.85rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .1s;flex-shrink:0;padding:0;line-height:1}.ral-group-tab:hover{background:#ff6b002e;border-color:#ff6b0073;transform:scale(1.12)}.ral-group-tab.active{border-color:#ff6b00;background:#ff6b0026;box-shadow:0 0 0 1px #ff6b004d}.ral-search-wrap{position:relative;display:flex;align-items:center}.ral-search{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:5px 28px 5px 8px;font-size:.75rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.ral-search::placeholder{color:#ffffff40;font-size:.72rem}.ral-search:focus{border-color:#ff6b008c;box-shadow:0 0 0 2px #ff6b001a}.ral-search-clear{position:absolute;right:6px;background:none;border:none;color:#fff6;cursor:pointer;font-size:.7rem;padding:0;line-height:1;transition:color .15s}.ral-search-clear:hover{color:#fffc}.ral-swatches{display:flex;flex-wrap:wrap;gap:4px;max-height:148px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,107,0,.3) transparent;padding:2px}.ral-swatches::-webkit-scrollbar{width:4px}.ral-swatches::-webkit-scrollbar-track{background:transparent}.ral-swatches::-webkit-scrollbar-thumb{background:#ff6b0059;border-radius:4px}.ral-swatch{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;flex-shrink:0;outline:none}.ral-swatch:hover{transform:scale(1.22);z-index:2;box-shadow:0 2px 8px #0006}.ral-swatch--active{border-color:#ff6b00!important;box-shadow:0 0 0 2px #ff6b0066,0 2px 6px #00000059;transform:scale(1.1)}.ral-empty{font-size:.72rem;color:#ffffff4d;font-style:italic;padding:8px 2px}.ral-custom-row{border-top:1px solid rgba(255,255,255,.07);padding-top:8px;display:flex;flex-direction:column;gap:6px}.ral-custom-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59}.ral-custom-controls{display:flex;align-items:center;gap:6px}.ral-native-picker{width:32px;height:28px;border:none;border-radius:5px;cursor:pointer;padding:1px;background:none;flex-shrink:0}.ral-hex-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:5px 8px;font-size:.78rem;font-family:Courier New,monospace;outline:none;transition:border-color .2s;min-width:0}.ral-hex-input::placeholder{color:#ffffff4d}.ral-hex-input:focus{border-color:#ff6b008c}.ral-hex-input--error{border-color:#e74c3cb3!important}.ral-preview{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;display:block}.ral-tooltip{position:fixed;transform:translate(-50%,-100%);background:#0c1224f7;border:1px solid rgba(255,107,0,.4);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:7px;z-index:9999;pointer-events:none;box-shadow:0 4px 20px #00000080;white-space:nowrap}.ral-tooltip-swatch{width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0;display:block}.ral-tooltip-ral{font-size:.7rem;font-weight:700;font-family:Courier New,monospace;color:#ff6b00}.ral-tooltip-name{font-size:.75rem;color:#ffffffd9;font-weight:500}.ral-tooltip-hex{font-size:.68rem;color:#fff6;font-family:Courier New,monospace}.privacy-container{padding:2.5rem;max-width:900px;margin:20px auto;color:#e0e0e0;line-height:1.6}.privacy-container h1{font-size:2rem;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.privacy-container h2{color:#646cff;margin-top:2rem;font-size:1.4rem}.privacy-container h3{color:#4facfe;font-size:1.1rem;margin-top:1.5rem}.privacy-container section{margin-bottom:2rem}.privacy-container ul{padding-left:1.5rem;margin:1rem 0}.privacy-container li{margin-bottom:.5rem}.legal-note{background:#ffffff0d;padding:1rem;border-radius:8px;border-left:4px solid #f39c12;margin-top:3rem}.approval-container{max-width:1400px;margin:0 auto;padding:20px}.approval-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.approval-header h1{font-size:36px;font-weight:900;letter-spacing:-1.5px;margin:0;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.3)}.approval-header p{color:#ffffff80;font-size:15px;margin:5px 0 0;font-weight:500}.approval-card{transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.approval-card:hover{transform:translateY(-5px);border-color:#7000ff4d;box-shadow:0 20px 40px #0006,0 0 20px #7000ff1a}.approval-card-inner{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:40px}.approval-info{flex:1}.approval-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.approval-title-row h3{margin:0;font-size:20px;font-weight:800;color:#fff}.approval-id{font-family:monospace;font-size:11px;color:#ffffff4d;background:#ffffff0d;padding:2px 8px;border-radius:4px}.approval-desc{color:#fff9;line-height:1.6;margin-bottom:24px;font-size:14px}.approval-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.meta-item label{display:block;font-size:10px;font-weight:800;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.meta-item .value{font-size:13px;font-weight:600;color:#ffffffe6}.meta-item .value.highlight{color:#aa80ff}.approval-actions{display:flex;flex-direction:column;gap:12px;min-width:180px}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important;padding:14px!important;border-radius:12px!important;font-weight:800!important;font-size:14px!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #22c55e33}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66;filter:brightness(1.1)}.btn-reject{background:#ef44440d!important;border:1px solid rgba(239,68,68,.2)!important;color:#ef4444!important;padding:12px!important;border-radius:12px!important;font-weight:700!important;font-size:14px!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-reject:hover{background:#ef44441a!important;border-color:#ef4444!important;transform:translateY(-1px)}.tag-new{background:linear-gradient(135deg,#7000ff,#aa80ff);color:#fff;font-size:10px;font-weight:900;padding:2px 10px;border-radius:20px;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 4px 12px #7000ff4d}.empty-state{padding:80px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(112,0,255,.2))}.empty-text{font-size:18px;color:#fff6;font-weight:500}.campaign-list-container{padding:24px;max-width:1400px;margin:0 auto}.campaign-header{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.campaign-header h1{margin:0;font-size:28px;font-weight:800;background:linear-gradient(135deg,#7000ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filter-tabs button.alert-tab{color:#ff9800;border-color:#ff9800;background:#ff98001a}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-top:24px}@media(max-width:768px){.campaigns-grid{grid-template-columns:1fr}}.campaign-card{padding:24px;border-radius:16px;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.campaign-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7000ff,#00d4ff);opacity:0;transition:opacity .2s}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #7000ff4d;border-color:#7000ff66}.campaign-card:hover:before{opacity:1}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-card h3{margin:0;font-size:18px;font-weight:700;color:#fff}.campaign-card p{margin:8px 0 0;font-size:13px;color:#aaa;line-height:1.5}.campaign-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.campaign-progress{margin-top:16px}.campaign-progress .progress-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.campaign-progress .progress-fill{height:100%;background:linear-gradient(90deg,#7000ff,#2196f3);transition:width .3s ease;box-shadow:0 0 10px #7000ff}.campaign-progress .progress-fill.completed{background:linear-gradient(90deg,#0c6,#4caf50);box-shadow:0 0 10px #0c6}.campaign-progress .progress-text{display:block;margin-top:8px;font-size:13px;font-weight:700;color:#aaa;text-align:center}.campaign-deadline{margin-top:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffa5001a;border:1px solid rgba(255,165,0,.2);borderRadius:8px;font-size:13px;color:orange;font-weight:600}.campaign-detail-btn{margin-top:16px;width:100%;padding:10px;background:#7000ff33;border:1px solid rgba(112,0,255,.4);border-radius:8px;color:#aa80ff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.campaign-detail-btn:hover{background:#7000ff4d;transform:translateY(-2px);box-shadow:0 4px 12px #7000ff4d}.campaign-detail-btn:active{transform:translateY(0)}@media(max-width:850px){.campaign-list-container,.campaign-header{padding:16px}.campaign-header h1{font-size:24px}.campaign-card{padding:20px}.campaigns-grid{gap:16px}.filter-tabs{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}}@media(max-width:480px){.campaign-header{flex-direction:column;align-items:flex-start}.campaign-header h1{font-size:20px}.filter-tabs button{font-size:12px;padding:8px 16px}.campaign-card{padding:16px}.campaign-card h3{font-size:16px}}.campaign-detail-container{padding:24px;max-width:1400px;margin:0 auto}.campaign-detail-header{padding:28px;margin-bottom:24px}.campaign-detail-header h1{margin:0;font-size:28px;font-weight:800;background:linear-gradient(135deg,#7000ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-tasks-section{padding:28px;margin-top:24px}.store-tasks-section h2{margin:0 0 20px;font-size:20px;font-weight:700;color:#fff}.store-tasks-table{width:100%;border-collapse:collapse;font-size:13px}.store-tasks-table thead{background:#ffffff05;border-bottom:2px solid rgba(255,255,255,.1)}.store-tasks-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.store-tasks-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.store-tasks-table tbody tr:hover{background:#7000ff0d}.store-tasks-table td{padding:16px;color:#ccc}.store-tasks-table tbody tr:last-child{border-bottom:none}.store-tasks-table select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;font-weight:600;transition:all .2s}.store-tasks-table select:hover{background:#ffffff1a;border-color:#7000ff80}.store-tasks-table select:focus{outline:none;border-color:#7000ff;box-shadow:0 0 0 2px #7000ff33}.store-tasks-table select option{background:#1a1a1a;color:#fff;padding:8px}.mini-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.glass-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.glass-btn:active{transform:translateY(0)}.filter-tabs{display:flex;gap:10px;padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;color:#aaa;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;white-space:nowrap;flex-shrink:0}.filter-tabs button:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.filter-tabs button.active{background:#7000ff33;border-color:#7000ff;color:#aa80ff;font-weight:700}.filter-tabs button.alert-tab{color:#f44336;border-color:#f44336;background:#f443361a}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:850px){.campaign-detail-container{padding:16px}.campaign-detail-header{padding:20px}.campaign-detail-header h1{font-size:22px}.store-tasks-section{padding:20px}.store-tasks-table{font-size:12px}.store-tasks-table th{padding:10px 12px;font-size:10px}.store-tasks-table td{padding:12px}.filter-tabs{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}}@media(max-width:480px){.campaign-detail-header h1{font-size:20px}.store-tasks-section h2{font-size:18px}.store-tasks-table{font-size:11px}.store-tasks-table th{padding:8px 10px}.store-tasks-table td{padding:10px}.mini-avatar{width:24px;height:24px;font-size:10px}.glass-btn,.filter-tabs button{padding:8px 16px;font-size:12px}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.record-list-container{padding:20px;max-width:100%;overflow-x:auto}.record-list-header{margin-bottom:20px}.record-list-title{font-size:1.4rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:12px}.record-list-subtitle{color:#ffffff80;font-size:.9rem;margin-top:6px}.record-list-count{font-size:.85rem;font-weight:400;color:#ffffff80;background:#ffffff14;padding:3px 10px;border-radius:12px}.record-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;margin-bottom:12px;transition:all .2s}.record-back-btn:hover{background:#ffffff1f;color:#fff}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:16px}.campaign-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;cursor:pointer;transition:all .25s ease;text-align:left;display:flex;flex-direction:column;gap:10px;color:#fff;width:100%;position:relative}.campaign-card:hover{background:#ffffff14;border-color:#64b4ff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.campaign-card-title{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.3}.campaign-card-badge{background:linear-gradient(135deg,#64b4ff33,#64b4ff1a);color:#8ac4ff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid rgba(100,180,255,.15)}.campaign-card-desc{color:#ffffff73;font-size:.82rem;line-height:1.4;margin:0}.campaign-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;color:#fff6;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.campaign-card-division{background:#ffc8321f;color:#e8c547;padding:2px 8px;border-radius:6px;font-weight:600}.campaign-card-deadline{color:#ffffff80}.campaign-card-latest{color:#ffffff59;margin-left:auto}.record-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.record-search{flex:1;min-width:200px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 14px;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.record-search:focus{border-color:#64b4ff66}.record-search::placeholder{color:#ffffff4d}.record-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.record-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s;white-space:nowrap}.record-btn:hover{background:#ffffff1f;color:#fff}.record-btn.danger{border-color:#ff50504d;color:#ff6b6b}.record-btn.danger:hover{background:#ff505026}.column-toggle-panel{display:flex;flex-wrap:wrap;gap:6px;padding:12px;margin-bottom:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.column-chip{padding:5px 12px;border-radius:20px;font-size:.75rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff80;cursor:pointer;transition:all .2s}.column-chip.active{background:#64b4ff26;border-color:#64b4ff4d;color:#8ac4ff}.column-chip:hover{background:#ffffff1a}.record-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.record-table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.record-table thead{background:#ffffff0a;position:sticky;top:0;z-index:2}.record-table th{padding:10px 12px;text-align:left;color:#fff9;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.record-table th.sorted{color:#8ac4ff}.record-th-inner{display:flex;align-items:center;gap:4px}.sort-icon{font-size:.65rem;color:#8ac4ff}.filter-menu-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:1rem;padding:0 2px;line-height:1}.filter-menu-btn:hover{color:#8ac4ff}.filter-popover{position:absolute;top:100%;left:0;min-width:200px;padding:10px;background:#1e2332f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;z-index:10;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-popover input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 10px;border-radius:6px;font-size:.8rem;outline:none}.filter-popover button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:.75rem}.record-table td{padding:8px 12px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.03)}.record-table tbody tr{transition:background .15s}.record-table tbody tr:hover{background:#ffffff0a}.record-table tbody tr.selected{background:#64b4ff14}.record-th-check,.record-td-check{width:36px;text-align:center}.record-td-actions{display:flex;gap:4px}.record-td-actions button{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:4px;transition:background .2s}.record-td-actions button:hover{background:#ffffff1a}.record-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#ffffff80;font-size:.82rem}.record-pagination button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s}.record-pagination button:hover:not(:disabled){background:#ffffff1f}.record-pagination button:disabled{opacity:.3;cursor:not-allowed}.record-pagination select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 10px;border-radius:6px;font-size:.8rem}.record-loading{text-align:center;padding:60px 20px;color:#fff6;font-size:.95rem}.record-empty{text-align:center;padding:60px 20px;color:#ffffff59;font-size:.95rem}.record-footer{text-align:center;padding:14px;margin-top:16px;color:#ffffff40;font-size:.72rem;border-top:1px solid rgba(255,255,255,.04)}.record-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.record-modal{background:#1e2332f2;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px;max-width:420px;width:90%;color:#fff}.record-modal h3{margin:0 0 10px;font-size:1.1rem}.record-modal p{color:#fff9;font-size:.9rem;margin:0 0 20px}.record-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:768px){.campaign-grid{grid-template-columns:1fr}.record-toolbar{flex-direction:column}.record-search{width:100%}}.archive-btn-card{position:absolute;bottom:15px;right:15px;background:#dc354533;color:#ff6b6b;border:1px solid rgba(220,53,69,.3);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;z-index:10}.archive-btn-card:hover{background:#dc35454d;border-color:#ff6b6b;transform:translateY(-1px)}.record-detail{padding:0;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif;height:100%;display:flex;flex-direction:column}.record-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:10px}.record-detail-header-left{display:flex;align-items:center;gap:10px}.record-detail-header-right{display:flex;align-items:center;gap:8px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#5078ff26;border:1px solid rgba(80,120,255,.3);border-radius:6px;color:#8bb4ff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.back-btn:hover{background:#5078ff40}.detail-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#ddd;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.detail-action-btn:hover{background:#ffffff1f;color:#fff}.detail-action-btn.danger{border-color:#ff505040;color:#f88}.detail-action-btn.danger:hover{background:#ff505026}.record-number-banner{padding:14px 24px;background:linear-gradient(135deg,#5078ff14,#9650ff0f);border-bottom:1px solid rgba(255,255,255,.06)}.record-number-banner .pp-number{font-size:22px;font-weight:700;color:#8bb4ff;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:1px}.record-number-banner .campaign-title{font-size:13px;color:#ffffff80;margin-top:4px}.record-meta-bar{display:flex;align-items:center;gap:0;padding:0 24px;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.record-meta-item{padding:10px 18px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.record-meta-item:last-child{border-right:none}.record-meta-item .meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:2px}.record-meta-item .meta-value{font-size:13px;color:#ccc;font-weight:500}.record-detail-content{flex:1;overflow-y:auto;padding:24px}.record-section{margin-bottom:28px}.record-section-title{font-size:14px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.record-section-title .section-icon{font-size:16px}.kv-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.kv-table tr:nth-child(odd){background:#ffffff08}.kv-table tr:nth-child(2n){background:#ffffff01}.kv-table tr:hover{background:#5078ff0a}.kv-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.kv-table td.kv-key{width:200px;color:#ffffff80;font-weight:500;vertical-align:top}.kv-table td.kv-value{color:#ddd}.division-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;background:#5078ff1f;border:1px solid rgba(80,120,255,.25);border-radius:6px;font-size:15px;font-weight:600;color:#8bb4ff;letter-spacing:1px}.record-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.record-photo-item{aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .2s,border-color .2s}.record-photo-item:hover{transform:scale(1.03);border-color:#5078ff4d}.record-photo-item img{width:100%;height:100%;object-fit:cover}.form-answers-table{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.form-answers-table tr:nth-child(odd){background:#ffffff08}.form-answers-table tr:nth-child(2n){background:#ffffff01}.form-answers-table td{padding:8px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.form-answers-table td:first-child{width:200px;color:#ffffff80;font-weight:500}.record-detail-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:14px;gap:10px}.record-detail-loading .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#8bb4ff;border-radius:50%;animation:spin .8s linear infinite}.record-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff4d;font-size:14px}.record-detail-footer{padding:6px 24px;text-align:center;font-size:11px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.04)}.voc-detail-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px 40px 60px;color:#fff;box-sizing:border-box;align-items:flex-start}@media(max-width:1200px){.voc-detail-wrapper{grid-template-columns:1fr}.voc-detail-right{order:-1}.voc-chat-container{height:auto!important;max-height:80vh}}@media(max-width:767px){.voc-detail-wrapper{display:block;padding:16px 20px 80px}.voc-panel-hidden{display:none!important}.voc-chat-mobile-sticky-actions{position:fixed;bottom:0;left:0;right:0;background:#0a0a0af2;border-top:1px solid rgba(255,255,255,.1);padding:12px 20px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:8px;flex-wrap:wrap;box-shadow:0 -4px 12px #0006}.voc-chat-input-area{padding-bottom:20px;border-bottom:1px solid transparent}.voc-mobile-hide-desktop-actions .voc-chat-input-right{display:none!important}}.voc-mobile-tabs{display:none;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:0 40px 20px;padding:4px}@media(max-width:767px){.voc-mobile-tabs{display:flex;margin:0 20px 20px}}.voc-mobile-tab-btn{flex:1;background:transparent;border:none;color:#888;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.voc-mobile-tab-btn.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.voc-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:13px;transition:all .2s;margin-bottom:20px}.voc-back-btn:hover{background:#ffffff1f;color:#fff}.voc-card-block{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;margin-bottom:24px}.voc-card-title{font-size:16px;font-weight:700;letter-spacing:.03em;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:16px;margin:-4px 0 16px}.voc-detail-id{font-size:13px;font-weight:600;color:#888;letter-spacing:.05em}.voc-detail-title-large{font-size:28px;font-weight:800;line-height:1.3;color:#f8fafc;margin:0 0 16px}.voc-detail-meta-row{font-size:13px;color:#888;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.voc-meta-store{color:#c084fc;font-weight:500}.voc-meta-dot{opacity:.3}.voc-detail-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.voc-detail-section{padding:16px 20px;border-radius:12px;margin-bottom:20px}.voc-section-title{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#ffffff80;margin-bottom:8px;font-weight:700}.voc-section-blue{background:#3b82f614;border-left:4px solid #3b82f6}.voc-section-blue .voc-section-body-large{font-size:15px;font-weight:500;color:#eff6ff;line-height:1.6}.voc-section-neutral{background:#ffffff0a}.voc-section-neutral .voc-section-body{font-size:13px;color:#cbd5e1;line-height:1.5}.voc-section-yellow{background:#eab30814;border-left:4px solid #eab308}.voc-section-yellow .voc-section-body{font-size:14px;color:#fef08a;line-height:1.5}.voc-status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.voc-status-open{background:#7878782e;color:#bbb;border:1px solid rgba(120,120,120,.3)}.voc-status-ffam_review{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.voc-status-admin_review{background:#f973162e;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.voc-status-ffam_response{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.voc-status-ffm_confirm{background:#eab3082e;color:#facc15;border:1px solid rgba(234,179,8,.3)}.voc-status-closed{background:#22c55e2e;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.voc-photos-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.voc-photo-thumb{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;cursor:zoom-in;border:1px solid rgba(255,255,255,.1)}.voc-photo-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.voc-photo-thumb:hover img{transform:scale(1.05)}.voc-photo-zoom-hint{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;font-size:20px}.voc-photo-thumb:hover .voc-photo-zoom-hint,.voc-chat-attachment-thumb:hover .voc-photo-zoom-hint{opacity:1}.voc-lightbox-btn{position:absolute;background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;z-index:1;transition:.2s}.voc-lightbox-btn:hover{background:#fff3}.voc-lightbox-prev{left:40px}.voc-lightbox-next{right:40px}.voc-chat-container{display:flex;flex-direction:column;height:calc(100vh - 240px);min-height:400px;margin-bottom:0;overflow:hidden;padding:0}.voc-chat-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003;flex-shrink:0}.voc-chat-history{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.voc-chat-history::-webkit-scrollbar{width:6px}.voc-chat-history::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.voc-chat-message-wrapper{display:flex;gap:12px;max-width:90%;align-items:flex-end}.voc-chat-me{align-self:flex-end;justify-content:flex-end;text-align:right}.voc-chat-other{align-self:flex-start}.voc-chat-avatar{width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 10px #0003}.voc-chat-message-content{display:flex;flex-direction:column;gap:6px;min-width:0}.voc-chat-meta{font-size:9px;color:#888;display:flex;align-items:center;gap:6px;padding:0 4px}.voc-chat-me .voc-chat-meta{justify-content:flex-end;flex-direction:row-reverse}.voc-chat-author{font-weight:600;color:#cbd5e1}.voc-chat-role{font-weight:800;text-transform:uppercase;font-size:9px}.voc-chat-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:8px 12px;color:#e2e8f0;font-size:12px;line-height:1.4;position:relative;border-radius:12px 12px 12px 4px;text-align:left;word-break:break-word}.voc-chat-me .voc-chat-bubble{background:#7c3aed26;border-color:#7c3aed4d;border-bottom-left-radius:16px;border-bottom-right-radius:4px}.voc-chat-text{white-space:pre-wrap}.voc-chat-status-change{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.voc-chat-status-arrow{color:#888;font-size:12px}.voc-chat-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.voc-chat-attachment-thumb{width:60px;height:60px;border-radius:6px;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:zoom-in;position:relative}.voc-chat-attachment-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.voc-chat-input-area{padding:20px 24px;background:#0006;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.voc-chat-textarea{width:100%;min-height:44px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;color:#fff;font-family:inherit;font-size:13px;resize:none;box-sizing:border-box;transition:.2s}.voc-chat-textarea:focus{outline:none;border-color:#7c3aed;background:#00000080}.voc-attachment-preview-row{display:flex;gap:12px;margin-top:12px}.voc-attachment-preview{position:relative;width:60px;height:60px;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.voc-attachment-preview img{width:100%;height:100%;object-fit:cover}.voc-attachment-preview button{position:absolute;top:4px;right:4px;background:#ef4444e6;border:none;color:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.voc-chat-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:8px}.voc-file-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:10px;padding:8px 14px;color:#888;font-size:13px;font-weight:600;transition:all .15s}.voc-file-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.voc-file-btn input[type=file]{display:none}.voc-chat-send-btn{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.2s;display:flex;align-items:center;gap:6px}.voc-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.voc-chat-input-right{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.btn-success{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-success:hover:not(:disabled){background:#22c55e40}.btn-warning{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.btn-warning:hover:not(:disabled){background:#f9731640}.btn-neutral{background:#ffffff14;color:#e2e8f0}.btn-neutral:hover:not(:disabled){background:#ffffff26}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.voc-chat-closed-notice{padding:30px;text-align:center;color:#888;background:#0003;border-top:1px solid rgba(255,255,255,.06)}.ppg-list-view{padding:24px;max-width:1200px;margin:0 auto}.ppg-list-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.ppg-list-title{font-size:1.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;margin:0 0 4px}.ppg-list-subtitle{color:#ffffff80;font-size:.85rem;margin:0}.beta-badge{background:#f5a623;color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px;vertical-align:middle}.btn-ppg-new{background:linear-gradient(135deg,#1428a0,#00d4ff);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .1s;font-family:inherit}.btn-ppg-new:hover{opacity:.9;transform:translateY(-1px)}.btn-ppg-new:active{transform:translateY(0)}.ppg-filter-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.ppg-search-input,.ppg-status-select{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:8px 14px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.ppg-search-input{flex:1;min-width:200px}.ppg-search-input::placeholder{color:#ffffff4d}.ppg-search-input:focus,.ppg-status-select:focus{border-color:#00d4ff80}.ppg-status-select option{background:#1a1a2e}.ppg-loading,.ppg-error{text-align:center;padding:48px;color:#ffffff80;font-size:1rem}.ppg-error{color:#e74c3c}.ppg-empty{text-align:center;padding:80px 24px;color:#fff6;display:flex;flex-direction:column;align-items:center;gap:16px}.ppg-empty-icon{font-size:3rem}.ppg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ppg-card{position:relative;border-radius:14px;padding:20px;cursor:pointer;border:1px solid rgba(255,255,255,.08);transition:transform .18s,border-color .18s,box-shadow .18s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.ppg-card:hover{transform:translateY(-3px);border-color:#00d4ff4d;box-shadow:0 8px 30px #0000004d}.ppg-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ppg-card-icon{font-size:1.4rem}.ppg-status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;color:#fff;letter-spacing:.3px}.ppg-card-name{font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppg-card-dims{font-size:.8rem;color:#fff6;margin:0 0 16px}.ppg-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ppg-store-badge-wrap{position:relative}.ppg-store-badge{background:#1428a099;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fffc;font-size:11px;padding:3px 10px;cursor:pointer;font-family:inherit;transition:background .2s}.ppg-store-badge:hover{background:#1428a0e6}.ppg-no-stores{font-size:11px;color:#ffffff4d}.ppg-store-popover{position:absolute;bottom:calc(100% + 8px);left:0;min-width:220px;border-radius:10px;padding:12px;z-index:100;border:1px solid rgba(255,255,255,.12);background:#0f1432f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ppg-store-popover strong{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ppg-store-popover ul{list-style:none;margin:0;padding:0;max-height:160px;overflow-y:auto}.ppg-store-popover li{font-size:12px;color:#ffffffd9;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;gap:8px}.ppg-popover-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#fff6;cursor:pointer;font-size:12px}.ppg-c-nr{font-size:11px;color:#00d4ffb3;font-weight:600}.ppg-card-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:#ffffff4d;gap:2px}.ppg-delete-btn{position:absolute;top:12px;right:12px;background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:6px 8px;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;z-index:9999;box-shadow:0 4px 12px #e74c3c66;pointer-events:auto}.ppg-card:hover .ppg-delete-btn{opacity:1;transform:scale(1.05)}.ppg-delete-btn:hover{background:#c0392b;transform:scale(1.1)}.ppg-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ppg-modal{width:420px;border-radius:16px;padding:32px;border:1px solid rgba(255,255,255,.12);background:#0f1432f2}.ppg-modal h2{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 24px}.ppg-modal label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#fff9;margin-bottom:16px}.ppg-modal input{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:10px 12px;font-size:.95rem;font-family:inherit;outline:none}.ppg-modal input:focus{border-color:#00d4ff80}.ppg-modal-dims{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.ppg-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#1428a0,#00d4ff);border:none;border-radius:8px;color:#fff;padding:10px 20px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.palette-admin{display:flex;flex-direction:column;min-height:100%;font-family:Inter,sans-serif}.palette-admin-topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.palette-admin-title h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 2px}.palette-admin-title p{font-size:.78rem;color:#fff6;margin:0}.palette-admin-body{flex:1;padding:24px;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.palette-admin-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.palette-tab{background:none;border:none;border-bottom:2px solid transparent;color:#ffffff80;padding:10px 20px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s;margin-bottom:-1px}.palette-tab.active{color:#00d4ff;border-bottom-color:#00d4ff}.palette-error{background:#e74c3c26;border:1px solid rgba(231,76,60,.35);border-radius:8px;color:#e74c3c;padding:10px 14px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.palette-error button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1rem}.palette-loading{color:#fff6;text-align:center;padding:48px}.palette-admin-content{display:flex;flex-direction:column;gap:16px}.palette-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.palette-table{width:100%;border-collapse:collapse;font-size:.88rem}.palette-table th{text-align:left;padding:10px 14px;color:#fff6;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;white-space:nowrap}.palette-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.palette-table tr:last-child td{border-bottom:none}.palette-table tr:hover td{background:#ffffff08}.palette-label{color:#ffffffe6;font-weight:500}.palette-dim{color:#ffffff80;font-family:JetBrains Mono,monospace;font-size:.82rem}.palette-input{background:#ffffff12;border:1px solid rgba(0,212,255,.4);border-radius:6px;color:#fff;padding:5px 9px;font-size:.85rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box}.palette-input.narrow{width:72px}.palette-input:focus{border-color:#00d4ff}.palette-empty-row{text-align:center;color:#ffffff40;padding:24px!important;font-style:italic}.palette-actions{display:flex;gap:6px;white-space:nowrap}.btn-edit-sm,.btn-del-sm,.btn-save-sm,.btn-cancel-sm{background:none;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;padding:4px 8px;font-size:14px;transition:background .15s}.btn-edit-sm:hover{background:#ffffff14}.btn-del-sm{border-color:#e74c3c4d}.btn-del-sm:hover{background:#e74c3c33}.btn-save-sm{border-color:#00d4ff66;color:#00d4ff;font-weight:700}.btn-save-sm:hover{background:#00d4ff26}.btn-cancel-sm{color:#ffffff80}.btn-cancel-sm:hover{background:#ffffff0f}.btn-save-sm:disabled{opacity:.4;cursor:not-allowed}.palette-add-form{border-radius:12px;padding:20px;border:1px solid rgba(0,212,255,.2)}.palette-add-form h4{margin:0 0 16px;font-size:.9rem;font-weight:700;color:#ffffffb3}.palette-add-fields{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.palette-add-fields label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#ffffff80}.palette-add-actions{display:flex;gap:10px;justify-content:flex-end}.btn-add-new{align-self:flex-start;background:#00d4ff14;border:1px dashed rgba(0,212,255,.35);border-radius:8px;color:#00d4ff;padding:10px 20px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}.btn-add-new:hover{background:#00d4ff26}.btn-save-primary{background:linear-gradient(135deg,#1428a0,#00d4ff);border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}.btn-save-primary:disabled{opacity:.5;cursor:not-allowed}.palette-tab-add{margin-left:auto;align-self:center;background:#00d4ff14;border:1px solid rgba(0,212,255,.3);border-radius:50%;color:#00d4ff;width:28px;height:28px;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2px;font-family:inherit}.palette-tab-add:hover{background:#00d4ff33;transform:rotate(90deg) scale(1.1)}.palette-tab-count{display:inline-block;background:#ffffff1a;border-radius:10px;padding:1px 6px;font-size:.68rem;margin-left:5px;font-weight:700;color:#ffffff80}.palette-tab.active .palette-tab-count{background:#00d4ff26;color:#00d4ff}.palette-cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px}.palette-cat-title{font-size:1rem;font-weight:700;color:#fff}.btn-del-cat{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;padding:6px 14px;font-size:.82rem;cursor:pointer;font-family:inherit;transition:background .2s}.btn-del-cat:hover{background:#e74c3c40}.palette-color-dot{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);vertical-align:middle}.color-inp{width:40px!important;height:28px;padding:2px;cursor:pointer;border-radius:6px}.cat-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:900}.cat-modal{width:380px;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px;border:1px solid rgba(255,255,255,.12);background:#0c1028f7;box-shadow:0 20px 60px #00000080,0 0 0 1px #00d4ff1a}.cat-modal h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.cat-modal label{display:flex;flex-direction:column;gap:8px;font-size:.78rem;color:#ffffff80}.cat-modal-err{color:#e74c3c;font-size:.82rem;margin:0;background:#e74c3c1a;padding:8px 12px;border-radius:6px}.cat-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.cat-icon-picker{display:flex;flex-wrap:wrap;gap:6px}.cat-icon-btn{font-size:1.3rem;width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}.cat-icon-btn:hover{background:#ffffff1a;transform:scale(1.15)}.cat-icon-btn.active{border-color:#00d4ff;background:#00d4ff1f}#root{width:100%;height:100vh}.App{width:100%;height:100%}