@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #006570;--primary-dim: #005862;--primary-container: #96f1ff;--primary-fixed: #96f1ff;--primary-fixed-dim: #87e2f0;--on-primary: #d6f9ff;--on-primary-container: #005b64;--primary-light: rgba(0, 101, 112, .1);--primary-mid: rgba(0, 101, 112, .12);--secondary: #4e5d6b;--secondary-dim: #42515f;--secondary-container: #d5e4f5;--on-secondary-container: #445361;--tertiary: #1948e6;--tertiary-dim: #003bd5;--tertiary-container: #9bacff;--error: #b31b25;--error-dim: #9f0519;--error-container: #fb5151;--surface: #f4f7f7;--surface-bright: #f4f7f7;--surface-dim: #cfd6d6;--surface-container-lowest: #ffffff;--surface-container-low: #eef1f1;--surface-container: #e5e9e9;--surface-container-high: #dee3e4;--surface-container-highest: #d8dede;--surface-variant: #d8dede;--outline: #747778;--outline-variant: #aaaeae;--bg-page: #f4f7f7;--bg-card: #ffffff;--bg-sidebar: linear-gradient(to bottom, #f0fdfa, #ffffff);--surface-2: #eef1f1;--surface-3: #e5e9e9;--text-main: #2b2f30;--text-muted: #585c5c;--text-faint: #747778;--text-inverse: #ffffff;--border: rgba(170, 174, 174, .15);--border-strong: rgba(170, 174, 174, .25);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--radius-xs: 4px;--shadow-xs: 0 2px 8px rgba(0, 101, 112, .04);--shadow-sm: 0 4px 20px rgba(0, 101, 112, .06);--shadow-md: 0 4px 20px rgba(0, 101, 112, .08), 0 2px 4px rgba(0, 101, 112, .04);--shadow-lg: 0 8px 32px rgba(0, 101, 112, .12), 0 4px 8px rgba(0, 101, 112, .06);--font-main: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "DM Mono", "Menlo", monospace;--sidebar-width: 220px;--header-height: 60px;--nav-height: 76px;--linear-wash: linear-gradient(135deg, #006570 0%, #96f1ff 100%)}*,*:before,*:after{box-sizing:border-box}.app-shell{display:flex;min-height:100vh;background:var(--bg-page);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.hamburger-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.hamburger-btn:hover{background:var(--primary-light)}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:20px}.hamburger-icon span{display:block;height:2px;background:var(--text-main);border-radius:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .28s ease;transform-origin:center}.hamburger-icon span:nth-child(1){width:20px}.hamburger-icon span:nth-child(2){width:14px}.hamburger-icon span:nth-child(3){width:20px}.hamburger-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg);width:20px}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:20px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2f3066;z-index:99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeOverlay .2s ease both}@media (min-width: 1024px){.sidebar-overlay{display:none!important}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.app-sidebar{width:var(--sidebar-width);background:linear-gradient(to bottom,#f0fdfa,#fff);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1)}.app-sidebar.sidebar-closed{transform:translate(-100%)}.sidebar-logo{padding:24px 20px 20px}.sidebar-logo-title{font-family:var(--font-main);font-size:.88rem;font-weight:800;letter-spacing:-.01em;color:var(--text-main);text-transform:uppercase;line-height:1.2}.sidebar-logo-sub{font-size:.62rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease;background:transparent;border:none;width:100%;text-align:left;letter-spacing:.01em;text-transform:uppercase}.nav-item svg{flex-shrink:0;color:var(--text-faint);transition:color .15s}.nav-item:hover{background:var(--surface-2);color:var(--text-main)}.nav-item:hover svg{color:var(--text-muted)}.nav-item.active{background:#f0fdfa80;color:var(--primary);border-right:4px solid var(--primary)}.nav-item.active svg{color:var(--primary)}.nav-item span{font-size:.78rem;letter-spacing:.05em}.sidebar-bottom{padding:10px;display:flex;flex-direction:column;gap:2px}.sidebar-bottom .nav-item{color:var(--text-faint)}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#f4f7f7cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-xs);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.header-search{display:flex;align-items:center;gap:8px;background:var(--surface-container-low);border-radius:9999px;padding:7px 16px;min-width:200px}.header-search input{background:none;border:none;outline:none;font-size:.82rem;color:var(--text-main);font-family:var(--font-body)}.header-search input::placeholder{color:var(--text-faint)}.header-tabs{display:flex;align-items:center;gap:2px}.header-tab{background:none;border:none;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;font-family:var(--font-body)}.header-tab.active{color:var(--text-main);font-weight:700;border-bottom:2px solid var(--primary);border-radius:0}.header-tab:hover:not(.active){background:var(--surface-2)}.header-actions{display:flex;align-items:center;gap:8px}.header-icon-btn{width:34px;height:34px;border-radius:var(--radius-md);background:transparent;color:var(--outline);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.header-icon-btn:hover{color:var(--primary);background:var(--primary-light)}.header-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;font-family:var(--font-main);cursor:pointer}.btn-primary-header{background:var(--linear-wash);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;font-family:var(--font-main);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-primary-header:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-main{margin-left:0;margin-top:var(--header-height);padding:28px 28px 40px;max-width:1320px;width:100%;min-height:calc(100vh - var(--header-height))}.app-logo{font-size:1.15rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main);font-family:var(--font-main)}.app-logo span{color:var(--primary)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);color:var(--text-muted);font-size:.9rem;font-family:var(--font-body)}.glass{background:var(--surface-container-lowest);box-shadow:var(--shadow-sm)}.hero-section{padding:28px 28px 24px;border-radius:var(--radius-xl);margin-bottom:24px;background:var(--surface-container-lowest);box-shadow:var(--shadow-sm)}.hero-text h2{font-family:var(--font-main);font-size:1.8rem;font-weight:800;color:var(--text-main);margin:0 0 6px;letter-spacing:-.03em;line-height:1.2}.hero-text p{color:var(--text-muted);font-size:.88rem;margin:0}.badge{background:var(--primary-light);color:var(--primary);font-size:.62rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:10px;display:inline-flex;letter-spacing:.1em;align-items:center;gap:4px;font-family:var(--font-main)}.section-label{font-size:.62rem;font-weight:800;text-transform:uppercase;color:var(--text-faint);display:block;margin-bottom:14px;letter-spacing:.12em;font-family:var(--font-main)}.btn-solid{background:var(--linear-wash);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:700;font-family:var(--font-main);font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.btn-solid:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-solid:active{transform:scale(.97)}.btn-solid.btn-stop{background:var(--text-main);box-shadow:0 1px 2px #00000014}.btn-ghost{flex:1;background:var(--surface-container-lowest);border:1px solid rgba(170,174,174,.2);padding:12px;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-body);color:var(--text-main);font-size:.88rem;cursor:pointer;transition:.15s}.btn-ghost:hover{background:var(--surface-container-low)}.add-tag-btn{background:var(--linear-wash);color:#fff;padding:9px 18px;border-radius:var(--radius-md);border:none;font-weight:700;font-family:var(--font-main);font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .15s}.add-tag-btn:hover{opacity:.92;transform:translateY(-1px)}.btn-icon-text{background:transparent;border:none;color:var(--primary);font-size:.8rem;font-weight:700;font-family:var(--font-main);display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:.15s}.btn-icon-text:hover{background:var(--primary-light)}.btn-icon-text.text-primary{color:var(--primary)}.text-red{color:var(--error)}.settings-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.settings-btn:hover{background:var(--border);color:var(--text-main)}.user-switcher{background:var(--surface-2);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 12px;font-size:.82rem;font-weight:600;font-family:var(--font-body);outline:none}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;font-family:var(--font-main);letter-spacing:.03em}.status-badge.status-active,.status-badge.im-einsatz{background:var(--primary-light);color:var(--primary)}.status-badge.status-frei{background:#1948e614;color:var(--tertiary)}.status-badge.status-absent,.status-badge.status-abwesend{background:#b31b2514;color:var(--error)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98126;animation:pulse 2s infinite}.time-tracker-card{padding:32px 24px;border-radius:var(--radius-xl);background:var(--bg-card);margin-bottom:24px;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.time-tracker-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--primary-mid) 0%,transparent 70%);pointer-events:none}.tracker-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.tracker-status{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.12em;font-family:var(--font-main)}.elapsed-time{font-size:clamp(2.8rem,7vw,4rem);font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:12px 0;color:var(--text-main);line-height:1}.start-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:28px}.dashboard-content{display:flex;flex-direction:column;gap:0}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:20px}.personal-shifts-today,.upcoming-shifts-section,.work-history-section{border-radius:var(--radius-xl);background:var(--bg-card);padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:20px;border:1px solid var(--border)}.shifts-list-simple{display:flex;flex-direction:column;gap:8px}.shift-item-simple{padding:14px 16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border:1px solid transparent;transition:all .15s;cursor:pointer;position:relative}.shift-item-simple:hover{border-color:var(--border-strong);background:var(--bg-card);box-shadow:var(--shadow-xs)}.item-info{display:flex;flex-direction:column;gap:3px}.item-title{font-weight:700;font-size:.95rem;color:var(--text-main);letter-spacing:-.01em;font-family:var(--font-main)}.item-time{font-size:.78rem;color:var(--text-muted);font-weight:500;font-family:var(--font-mono)}.item-role{font-size:.62rem;font-weight:700;text-transform:uppercase;background:var(--bg-card);padding:3px 8px;border-radius:var(--radius-xs);color:var(--text-muted);border:1px solid var(--border);font-family:var(--font-main);letter-spacing:.05em}.item-date{color:var(--primary);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-main)}.upcoming-shifts-section{margin-top:0}.history-list{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);margin-top:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);transition:background .1s}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--surface-2)}.history-date{display:flex;flex-direction:column;gap:2px}.h-day{font-size:.9rem;font-weight:700;color:var(--text-main);font-family:var(--font-main)}.h-time{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.history-duration{font-weight:600;color:var(--text-main);font-size:.85rem;padding:4px 10px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--font-mono)}.navigation-bar{height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:14px;background:var(--bg-card);border:1px solid var(--border)}.nav-arrow{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.nav-arrow:hover{background:var(--border)}.btn-today{background:transparent;border:1px solid var(--border);color:var(--text-main);padding:5px 12px;border-radius:var(--radius-sm);font-size:.76rem;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:all .15s}.btn-today:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.date-display{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;color:var(--text-main);font-family:var(--font-main)}.planner-container{position:static}.user-chip-new,.mini-initial{touch-action:none}.personal-pool{padding:14px 18px;border-radius:var(--radius-lg);margin-bottom:18px;background:var(--surface-container);border:1px solid var(--border)}.pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pool-title{font-weight:700;font-size:.78rem;color:var(--text-muted);font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em}.pool-count{font-size:.7rem;color:var(--text-faint)}.chips-scroller{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}.chips-scroller::-webkit-scrollbar{display:none}.user-chip-new{background:var(--surface-container-lowest);border:1px solid var(--border-strong);padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:7px;cursor:grab;transition:transform .15s ease,background .15s ease,border .15s ease;white-space:nowrap}.user-chip-new.dragging{transition:none!important;cursor:grabbing;background:var(--bg-card)!important;border:1px solid var(--user-color)!important;box-shadow:var(--shadow-lg)!important}.user-chip-new.dragging .chip-label{color:var(--text-main)!important}.user-chip-new:hover{background:var(--surface-container-low);border-color:var(--user-color);transform:translateY(-1px)}.chip-avatar{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;line-height:1}.chip-label{font-size:.76rem;font-weight:600;color:var(--text-main)}.boards-layout{display:flex;gap:10px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.boards-layout::-webkit-scrollbar{height:4px}.boards-layout::-webkit-scrollbar-track{background:var(--border);border-radius:2px}.boards-layout::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.kanban-col{flex:0 0 clamp(145px,18vw,195px);display:flex;flex-direction:column;gap:8px;scroll-snap-align:start}.col-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 2px;opacity:.5;min-height:36px}.col-header.is-today{opacity:1;color:var(--primary)}.col-day{font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-main)}.col-date{font-size:.78rem;font-weight:700;font-family:var(--font-main)}.col-content{min-height:280px;border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border:1px solid var(--border);transition:.2s}.col-content.is-dropping{background:var(--primary-light);border-color:var(--primary)}.shift-card-new{border-radius:var(--radius-md);padding:10px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;border:1px solid transparent}.shift-card-new:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.card-title{font-size:.73rem;font-weight:800;color:var(--accent-color);letter-spacing:-.01em;font-family:var(--font-main)}.card-time{font-size:.63rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.card-team{display:flex;flex-wrap:wrap;gap:3px}.team-member-pill{background:#ffffffbf;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.5)}.member-initial{font-size:.6rem;font-weight:800;font-family:var(--font-main)}.member-role{font-size:.5rem;font-weight:700;text-transform:uppercase;opacity:.6;font-family:var(--font-main)}.day-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3;transition:.2s;cursor:pointer;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:18px 0;gap:5px}.day-empty-state:hover{opacity:1;border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.day-empty-state span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-main)}.day-add-btn-wrapper{margin-top:auto;width:100%}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.team-card-premium{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:4px solid var(--user-color);transition:all .25s cubic-bezier(.34,1.4,.64,1)}.team-card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.team-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-avatar-large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm);font-family:var(--font-main)}.profile-info{display:flex;flex-direction:column}.p-name{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);line-height:1.2;font-family:var(--font-main)}.p-role{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-faint);letter-spacing:.06em;margin-top:3px;font-family:var(--font-main)}.team-card-stats{background:var(--surface-2);border-radius:var(--radius-md);padding:12px;margin:0 0 14px;display:flex;justify-content:space-around;border:1px solid var(--border)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.15rem;font-weight:800;color:var(--text-main);font-family:var(--font-mono)}.stat-label{font-size:.58rem;font-weight:800;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-main)}.team-card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.team-list-compact{display:flex;flex-direction:column;gap:6px}.team-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;border:1px solid var(--border);background:var(--bg-card)}.team-list-item:hover{border-color:var(--user-color);transform:translate(2px);box-shadow:var(--shadow-xs)}.list-item-main{display:flex;align-items:center;gap:12px;flex:1}.list-name-box{display:flex;flex-direction:column;gap:1px}.list-item-stats{display:flex;align-items:center;gap:12px;margin-right:10px}.list-item-actions{display:flex;gap:5px}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;width:100%;max-width:520px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface-container-lowest);display:flex;flex-direction:column;overflow:hidden;max-height:92vh;animation:slideUp .35s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header-new{padding:18px 22px 10px;display:flex;justify-content:space-between;align-items:flex-start}.header-title h3{font-size:1.05rem;font-weight:800;color:var(--text-main);font-family:var(--font-main)}.close-circle{width:28px;height:28px;border-radius:50%;background:var(--surface-container-low);border:none;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.close-circle:hover{background:var(--surface-container);color:var(--text-main)}.modal-body{padding:14px 22px;overflow-y:auto;flex:1}.modal-surface{background:var(--surface-container-low);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.modal-card-item{background:var(--surface-container-low);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:8px;transition:all .2s}.modal-card-item:hover{background:var(--surface-container);border-color:var(--border-strong)}.modal-input-compact{background:var(--surface-container-low)!important;border:1px solid var(--border-strong)!important;color:var(--text-main)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;font-size:.9rem!important;font-family:var(--font-body)!important;outline:none!important;transition:border-color .15s!important}.modal-input-compact:focus{border-color:var(--primary)!important;background:var(--surface-container-lowest)!important}.form-section{margin-bottom:18px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 20px}.type-card{background:var(--surface-container-low);border:1.5px solid var(--border);padding:14px 8px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:.15s}.type-card.active{border-color:var(--type-color);background:var(--surface-container-lowest);box-shadow:var(--shadow-xs)}.type-card span{font-weight:700;font-size:.78rem;color:var(--text-main);font-family:var(--font-main)}.roles-stack{display:flex;flex-direction:column;gap:8px}.role-entry{background:var(--surface-container-low);border:1px solid var(--border);padding:10px 14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:.15s}.role-entry.selected{border-color:var(--primary);background:var(--primary-light)}.role-user-info{display:flex;align-items:center;gap:10px}.role-user-name{font-weight:700;font-size:.9rem;color:var(--text-main);font-family:var(--font-main)}.role-avatar{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;font-family:var(--font-main)}.role-picker{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-mid);font-size:.74rem;font-weight:700;padding:5px 10px;border-radius:7px;outline:none;font-family:var(--font-body)}.modern-input{width:100%;min-height:48px;background:var(--surface-container-low);border:1px solid var(--border-strong);border-radius:12px;padding:10px 14px;color:var(--text-main);font-family:var(--font-body);font-weight:500;font-size:.9rem;outline:none;transition:.15s}.modern-input:focus{border-color:var(--primary);background:var(--surface-container-lowest)}.modern-input-small{background:var(--surface-container-low);border:1px solid var(--border-strong);border-radius:8px;padding:6px 10px;color:var(--text-main);font-family:var(--font-body);width:86px;text-align:center;outline:none}.modal-footer{padding:12px 22px 22px;display:flex;gap:10px;border-top:1px solid var(--border)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:5px 12px;border-radius:16px;background:var(--surface-container-low);border:1px solid var(--border);font-weight:600;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.app-navigation{display:none!important}.avail-summary{display:flex;gap:6px;align-items:center;margin-top:4px}.avail-count{display:flex;align-items:center;gap:4px;background:var(--primary-light);padding:3px 8px;border-radius:var(--radius-xs);font-size:.62rem;font-weight:800;color:var(--primary);font-family:var(--font-main)}.avail-count.unavail{background:#b31b2514;color:var(--error)}.avail-strip{display:flex;gap:4px;margin-bottom:10px;padding:4px;background:#00000005;border-radius:8px;align-items:center;min-height:30px;flex-wrap:wrap}.mini-initial{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:900;color:#fff;transition:.15s;cursor:grab;flex-shrink:0;line-height:1;font-family:var(--font-main)}.mini-initial.dragging{width:32px;height:32px;border-radius:8px;font-size:.82rem;border:2px solid white;transition:none!important;z-index:4000}.mini-initial:hover{transform:scale(1.15);z-index:10;box-shadow:var(--shadow-sm)}.flex-row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-center{text-align:center}.py-10{padding:10px 0}.fadeIn{animation:fadeIn .3s ease-out both}.fadeInScale{animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.is-dropping-target{border-color:var(--primary)!important;background:var(--primary-light)!important;transform:scale(1.015)}@media (min-width: 640px){.modal-root{align-items:center;padding:24px}.modal-container{border-radius:var(--radius-xl);max-height:88vh}@keyframes slideUp{0%{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.dashboard-grid{grid-template-columns:1.35fr 1fr}.team-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.app-main{padding-left:24px;padding-right:24px}}@media (min-width: 1024px){.app-navigation{display:none}.app-shell{padding-bottom:0}.app-main{padding:32px 40px 48px;padding-top:calc(var(--header-height) + 32px)}.hero-text h2{font-size:2.1rem}.kanban-col{flex:0 0 185px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1023px){:root{--sidebar-width: 240px}.app-sidebar{box-shadow:var(--shadow-lg)}.app-header,.app-header.sidebar-closed{left:0!important;transition:none}.app-main,.app-main.sidebar-closed{margin-left:0!important;padding:calc(var(--header-height) + 16px) 16px 32px;transition:none}.app-shell{padding-bottom:0}}@media (max-width: 639px){.hide-mobile{display:none!important}.header-inner{padding:0 16px}.header-actions{gap:5px}.app-logo{font-size:.95rem}.hero-section{padding:18px 16px}.hero-text h2{font-size:1.5rem}.team-grid{grid-template-columns:1fr;gap:12px}}.nav-location-chip{display:flex;align-items:center;gap:3px;background:var(--primary-mid);border:1px solid rgba(0,101,112,.25);border-radius:8px;padding:5px 8px;cursor:pointer}.nav-location-chip svg{color:var(--primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%}body{font-family:Inter,Manrope,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;background:#f4f7f7}#root{min-height:100vh}button{cursor:pointer;border:none;font-family:inherit;transition:all .15s ease}button:active{transform:scale(.98)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}::selection{background:#006570;color:#fff}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0003}