#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body,p{margin:0}.logo-leukbeestje{white-space:nowrap;align-items:center;display:inline-flex}.logo-leukbeestje .logo-leukbeestje-letter{color:#ffd93d;-webkit-text-stroke:1px #1c2b4a;text-stroke:1px #1c2b4a;letter-spacing:-.02em;text-shadow:1.5px 2px #1c2b4a,0 3px 5px #1c2b4a4d;font-size:18px;font-weight:800;display:inline-block;transform:rotate(-6deg)translateY(1px)}.logo-leukbeestje-letter:nth-child(2n){transform:rotate(5deg)translateY(-2px)}.logo-leukbeestje-letter:nth-child(3n){transform:rotate(-3deg)translateY(2px)}.sidebar{background:var(--bg-surface);width:260px;height:100vh;color:var(--text-primary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;padding:20px 14px;transition:width .25s,padding .25s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:78px;padding:20px 12px}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:12px;height:auto}.sidebar.collapsed .sidebar-logo{justify-content:center;padding-left:0}.sidebar-header{justify-content:space-between;align-items:center;height:42px;margin-bottom:26px;display:flex}.sidebar-logo{color:inherit;align-items:center;gap:10px;padding-left:4px;text-decoration:none;display:flex}.logo-mark{background:var(--accent-hover);width:34px;height:34px;color:var(--text-on-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.logo-text{letter-spacing:-.5px;white-space:nowrap;font-size:19px;font-weight:700}.logo-text span{color:var(--accent-text)}.collapse-button{width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.collapse-button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.event-wrapper{margin-bottom:25px;position:relative}.event-selector{border:1px solid var(--border-strong);background:var(--bg-surface-raised);cursor:pointer;border-radius:12px;align-items:center;gap:20px;height:58px;margin-top:25px;padding:8px;transition:border-color .2s,background .2s;display:flex}.event-selector:hover{background:var(--bg-icon);border-color:var(--border-hover)}.sidebar.collapsed .event-selector{justify-content:center;gap:0;padding:8px}.event-icon{background:var(--bg-accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.event-info small{color:var(--text-faint);margin-bottom:2px;font-size:10px}.event-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.rotate{transform:rotate(180deg)}.event-dropdown{background:var(--bg-popover);border:1px solid var(--border-strong);box-shadow:var(--shadow-dropdown);z-index:400;border-radius:12px;padding:6px;animation:.12s ease-out modal-in;position:fixed}.event-option{cursor:pointer;border-radius:8px;padding:10px}.event-option:hover{background:var(--border)}.event-option.active{background:var(--bg-accent-soft)}.event-option strong{font-size:13px;display:block}.event-option small{color:var(--text-faint);margin-top:3px;font-size:10px;display:block}.event-add{color:var(--accent-text);border-top:1px solid var(--border-strong);cursor:pointer;margin-top:4px;padding:10px;font-size:12px;font-weight:600}.sidebar-scroll{-ms-overflow-style:none;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sidebar-nav{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.nav-title{color:var(--text-faint);letter-spacing:1px;margin:25px 0 7px;padding:0 12px;font-size:10px;font-weight:700}.nav-item{width:100%;height:44px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item:active{transform:scale(.98)}.nav-group{flex-direction:column;flex-shrink:0;display:flex}.nav-item-row{align-items:center;gap:2px;display:flex}.nav-item-row .nav-item{flex:1;min-width:0}.nav-group-toggle{width:32px;height:44px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.nav-group-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-group-toggle svg{transition:transform .2s}.nav-subitems{flex-direction:column;gap:2px;margin:2px 0 6px;padding-left:33px;display:flex}.nav-subitem{height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.nav-subitem:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-subitem.active{background:var(--bg-accent-soft);color:var(--accent-text);font-weight:600}.nav-item.active{background:var(--bg-accent-soft);color:var(--text-primary)}.nav-item.active svg{color:var(--accent-text)}.nav-item.active:before{content:"";background:var(--accent-hover);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-14px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-item.active:before{left:-12px}.nav-subitems-flyout{z-index:400;border:1px solid var(--border-strong);background:var(--bg-popover);min-width:170px;box-shadow:var(--shadow-dropdown);border-radius:10px;flex-direction:column;gap:2px;padding:6px;animation:.12s ease-out modal-in;display:flex;position:fixed}.nav-subitems-flyout-title{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px 4px;font-size:10px;font-weight:700}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-group{margin-bottom:16px}.profile{border-top:1px solid var(--border-strong);align-items:center;gap:10px;min-height:60px;padding:10px 6px;display:flex;position:relative}.sidebar.collapsed .profile{justify-content:center;padding:10px 0}.profile-menu-trigger{width:26px;height:26px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.profile-menu-trigger:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.profile-menu{z-index:400;border:1px solid var(--border-strong);background:var(--bg-popover);width:200px;box-shadow:var(--shadow-dropdown);border-radius:10px;padding:6px;animation:.12s ease-out modal-in;position:fixed}.profile-menu-item{width:100%;height:38px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s;display:flex}.profile-menu-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.profile-menu-item-danger{border-top:1px solid var(--border);color:var(--danger);border-radius:0 0 8px 8px;margin-top:4px}.profile-menu-item-danger:hover{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.avatar{background:var(--accent-hover);width:36px;height:36px;color:var(--text-on-accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.avatar-photo{object-fit:cover;width:100%;height:100%}.profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-info strong{font-size:13px;font-weight:600}.profile-info span{color:var(--text-faint);margin-top:2px;font-size:11px}.sidebar-backdrop{z-index:250;background:var(--bg-overlay);position:fixed;inset:0}@media (width<=900px){.sidebar{z-index:300;width:280px;max-width:85vw;height:100dvh;box-shadow:var(--shadow-dropdown);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.leukbeestje-mascot{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 14px #1c2b4a40);width:110px;height:110px;animation:3.2s ease-in-out infinite leukbeestje-bob;position:fixed;bottom:18px;right:18px}.leukbeestje-mascot-svg{width:100%;height:100%}.leukbeestje-mascot-spark{color:#2f5fa8;opacity:.8;position:absolute}.leukbeestje-mascot-spark-1{animation:2.4s ease-in-out infinite leukbeestje-twinkle;top:-6px;left:-2px}.leukbeestje-mascot-spark-2{animation:2.4s ease-in-out 1.1s infinite leukbeestje-twinkle;top:10px;right:-8px}@keyframes leukbeestje-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes leukbeestje-twinkle{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.9;transform:scale(1.05)}}@media (width<=480px){.leukbeestje-mascot{width:76px;height:76px;bottom:10px;right:10px}}.release-notes-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;animation:.2s ease-out modal-in;display:flex;overflow:hidden}.release-notes-modal .modal-header,.release-notes-modal .modal-actions{flex-shrink:0}.release-notes-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:22px;display:flex;overflow-y:auto}.release-note-entry-header{color:var(--accent-hover);align-items:center;gap:8px;display:flex}.release-note-entry-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:650}.release-note-entry ul{color:var(--text-secondary);flex-direction:column;gap:8px;margin:12px 0 0;padding-left:20px;font-size:13px;line-height:1.5;display:flex}.release-notes-modal .modal-actions{margin:0 22px 22px;padding-top:18px}.dashboard-page{width:100%;min-height:100%;color:var(--text-primary)}.dashboard-header{margin-bottom:24px}.dashboard-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.dashboard-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.dashboard-header p strong{color:var(--text-secondary);font-weight:600}.up-next{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;align-items:center;gap:14px;margin-top:12px;padding:14px 18px;display:flex}.up-next-icon{background:var(--bg-accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.up-next-main{flex:1;min-width:0}.up-next-label{color:var(--text-faint);letter-spacing:.1em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.up-next-main h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:650;overflow:hidden}.up-next-stage{color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.up-next-time{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.up-next-time strong{color:var(--text-primary);font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:600}.up-next-time span{color:var(--accent-text);margin-top:2px;font-size:11px;font-weight:600}.checkin-overview{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;margin-top:18px;padding:26px}.checkin-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.checkin-column-header{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:650;display:flex}.checkin-column-header-in{color:var(--success)}.checkin-column-header-out{color:var(--text-secondary)}.checkin-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.checkin-row{border:1px solid var(--border);background:var(--bg-surface-raised);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;transition:background .2s,border-color .2s;display:flex}.checkin-row:hover{border-color:var(--border-hover);background:var(--bg-surface-raised)}.checkin-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.checkin-action{border:1px solid var(--border-strong);background:var(--bg-popover);height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:flex}.checkin-action-in:hover{border-color:rgba(var(--success-rgb), .35);background:rgba(var(--success-rgb), .1);color:var(--success)}.checkin-action-out:hover{border-color:rgba(var(--danger-rgb), .25);background:rgba(var(--danger-rgb), .1);color:var(--danger)}.checkin-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.checkin-row-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.guest-checkin-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}.checkin-empty{color:var(--text-faint);margin:0;padding:9px 2px;font-size:12px}@media (width<=700px){.checkin-columns{grid-template-columns:1fr}}@media (width<=480px){.dashboard-header h1{font-size:26px}.checkin-overview{padding:16px}}.page-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.page-tab{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.page-tab+.page-tab{margin-left:16px}.page-tab:hover{color:var(--text-primary)}.page-tab.active{border-color:var(--accent);color:var(--accent-text)}@media (width<=600px){.page-tabs{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}}.artists-page{width:100%;min-height:100%;color:var(--text-primary)}.artists-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px;display:flex}.artists-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.artists-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.artists-header p strong{color:var(--text-secondary);font-weight:600}.add-artist-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-artist-button:hover{background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.add-artist-button:active{transform:translateY(0)}.artiesten-columns{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.lineup-overview,.artists-overview-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;padding:26px}.artist-overview-list{flex-direction:column;gap:6px;max-height:640px;display:flex;overflow-y:auto}.artist-overview-row{border:1px solid var(--border);background:var(--bg-surface-raised);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .2s,border-color .2s;display:flex}.artist-overview-row:hover{border-color:var(--border-hover);background:var(--bg-surface-raised)}.artist-overview-main{flex-direction:column;gap:2px;min-width:0;display:flex}.artist-overview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.artist-overview-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.artist-overview-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.checkin-icon{color:var(--success);vertical-align:-1px;flex-shrink:0;margin-right:5px}.liveshow-icon{color:var(--warning);vertical-align:-1px;flex-shrink:0;margin-right:5px}.checkin-pill{width:22px;height:22px;color:var(--text-placeholder);border-radius:50%;justify-content:center;align-items:center;display:flex}.checkin-pill-active{color:var(--success)}.live-indicator{border:1px solid var(--border);background:var(--bg-surface-raised);color:var(--text-muted);border-radius:7px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:500;display:inline-flex}.live-indicator span{background:var(--success-strong);width:7px;height:7px;box-shadow:0 0 0 3px rgba(var(--success-rgb), .1);border-radius:50%}.artist-search{border:1px solid var(--border);background:var(--bg-icon);width:100%;height:42px;color:var(--text-faint);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:0 13px;transition:border-color .2s,background .2s;display:flex}.artist-search:focus-within{border-color:rgba(var(--accent-hover-rgb), .55);background:var(--bg-icon)}.artist-search input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px}.artist-search input::placeholder{color:var(--text-faint)}.timetable-stage-tabs{-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-bottom:12px;display:none;overflow-x:auto}.timetable-stage-tabs::-webkit-scrollbar{display:none}.stage-tab-button{border:1px solid var(--border-strong);background:var(--bg-surface-raised);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.stage-tab-button.active{border-color:var(--accent);background:var(--bg-accent-soft);color:var(--accent-text)}.timetable-scroll{border:1px solid var(--border);border-radius:10px;width:100%;max-height:640px;overflow:auto}.timetable{min-width:100%;display:flex;position:relative}.timetable-axis{border-right:1px solid var(--border);background:var(--bg-icon);flex-shrink:0;width:56px;position:relative}.timetable-hour-label{color:var(--text-faint);text-align:right;padding:0 8px;font-size:10px;font-weight:600;position:absolute;left:0;right:0;transform:translateY(-50%)}.timetable-stage{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:180px;display:flex;position:relative}.timetable-stage:last-child{border-right:none}.timetable-stage-header{z-index:3;border-bottom:1px solid var(--border);background:var(--bg-surface-hover);color:var(--text-secondary);text-align:center;padding:9px 12px;font-size:12px;font-weight:650;position:sticky;top:0}.timetable-stage-track{cursor:pointer;flex:1;position:relative}.timetable-hour-line{border-top:1px dashed var(--bg-surface-raised);position:absolute;left:0;right:0}.timetable-block{border:1px solid var(--border-strong);background:var(--bg-surface-raised);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;padding:6px 30px 6px 10px;transition:border-color .2s,background .2s,transform .15s;display:flex;position:absolute;left:6px;right:6px;overflow:hidden}.timetable-block:hover{border-color:rgba(var(--accent-hover-rgb), .4);background:var(--bg-surface-hover);transform:translateY(-1px)}.timetable-block:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timetable-block-time{color:var(--text-muted);align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.next-day-badge{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .12);color:var(--accent-hover);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700}.timetable-block-b2b{border-style:dashed}.timetable-block-members{-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;gap:3px;min-width:0;max-height:100%;display:flex;overflow-y:auto}.timetable-block-members::-webkit-scrollbar{width:3px}.timetable-block-members::-webkit-scrollbar-track{background:0 0}.timetable-block-members::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.timetable-block-member{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;min-width:0;padding:0;font-family:inherit;display:flex}.timetable-block-member .timetable-block-name{text-underline-offset:2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.timetable-block-member:hover .timetable-block-name,.timetable-block-member:focus-visible .timetable-block-name{text-decoration-color:currentColor}.timetable-block-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.timetable-block-genre{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.timetable-block-delete{width:22px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s,background .2s,color .2s;display:flex;position:absolute;top:6px;right:6px}.timetable-block:hover .timetable-block-delete,.timetable-block:focus-within .timetable-block-delete{opacity:1}.timetable-block-delete:hover{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.timetable-block-live-tag{background:rgba(var(--success-rgb), .15);width:fit-content;color:var(--success);letter-spacing:.04em;border-radius:5px;align-items:center;gap:4px;margin-top:2px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.timetable-block-live{border-color:rgba(var(--success-rgb), .35);background:linear-gradient(135deg, rgba(var(--success-rgb), .12), var(--bg-surface-raised))}.timetable-block-live:hover{border-color:rgba(var(--success-rgb), .5)}.timetable-block-done{opacity:.5}.timetable-block-done:hover{opacity:.8}.timetable-now-line{z-index:4;border-top:2px solid var(--success);pointer-events:none;height:0;position:absolute;left:56px;right:0}.timetable-now-line span{background:var(--success);color:#08120c;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800;position:absolute;top:-8px;left:6px}.untimed-artists{margin-top:18px}.untimed-artists-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.untimed-artist-chip{border:1px dashed var(--border-strong);background:var(--bg-surface-raised);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s}.untimed-artist-chip:hover{border-color:rgba(var(--accent-hover-rgb), .4)}.artist-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}.form input[type=time],.form input[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.form-row{grid-template-columns:1fr 1fr 1.2fr;gap:12px;display:grid}.schedule-preview{border:1px solid rgba(var(--accent-hover-rgb), .2);background:rgba(var(--accent-hover-rgb), .07);min-height:42px;color:var(--accent-text);border-radius:8px;align-items:center;gap:9px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.schedule-preview svg{color:var(--accent-hover)}.artist-name-field{position:relative}.artist-suggestions{z-index:20;border:1px solid var(--border-strong);background:var(--bg-popover);box-shadow:var(--shadow-dropdown);border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.artist-suggestion{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 12px;font-family:inherit;font-size:13px;display:block}.artist-suggestion:hover,.artist-suggestion:focus-visible{background:var(--bg-surface-hover)}.artist-linked-hint{color:var(--success);align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:600;display:flex}@media (width<=1100px){.artiesten-columns{grid-template-columns:1fr}.artist-overview-list{max-height:360px}}@media (width<=800px){.artists-header{flex-direction:column;align-items:flex-start}.add-artist-button{width:100%}.form-row{grid-template-columns:1fr}.timetable-stage-tabs{display:flex}.timetable-stage{display:none}.timetable-stage.mobile-active{flex:1;min-width:0;display:flex}}@media (width<=550px){.lineup-overview,.artists-overview-panel{padding:16px}.overview-title{flex-direction:column;align-items:flex-start}.timetable-scroll{max-height:520px}}@media (width<=480px){.artists-header h1{font-size:26px}}.artist-detail-page{width:100%;max-width:720px;min-height:100%;color:var(--text-primary)}.back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.artist-detail-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.artist-detail-header h1{letter-spacing:-.03em;margin:8px 0 0;font-size:32px;font-weight:700;line-height:1.1}.artist-detail-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.artist-detail-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.artist-detail-meta-item svg{color:var(--text-faint)}.artist-detail-live{border:1px solid rgba(var(--success-rgb), .25);background:rgba(var(--success-rgb), .08);color:var(--success);border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.artist-detail-live div{flex-direction:column;display:flex}.artist-detail-live span{color:var(--text-faint);letter-spacing:.1em;font-size:9px;font-weight:700}.artist-detail-live strong{margin-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:600}.detail-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;margin-bottom:20px;padding:26px}.detail-card .overview-title{margin-bottom:18px}.form-section-label{border-top:1px solid var(--border);margin-top:6px;padding-top:18px}.detail-card .form{padding:0}.checkin-toggle{border:1px solid var(--border-strong);background:var(--bg-surface-raised);height:46px;color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.checkin-toggle:hover{border-color:var(--border-hover)}.checkin-toggle:disabled{opacity:.6;cursor:not-allowed}.checkin-toggle-active{border-color:rgba(var(--success-rgb), .35);background:rgba(var(--success-rgb), .1);color:var(--success)}.checkin-by{color:var(--text-faint);margin:10px 0 0;font-size:12px}.checkin-by strong{color:var(--text-secondary);font-weight:600}.artist-guest-list{flex-direction:column;gap:8px;display:flex}.artist-guest-row{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;display:flex}.artist-guest-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.artist-guest-main strong{color:var(--text-primary);font-size:13px;font-weight:600}.artist-guest-main span{color:var(--text-faint);font-size:12px}.delete-text-button{height:40px;color:var(--danger);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.delete-text-button:hover{border-color:rgba(var(--danger-rgb), .2);background:rgba(var(--danger-rgb), .08)}.detail-card .modal-actions{border-top:1px solid var(--border);justify-content:space-between;margin-top:0;padding-top:18px}.artist-files{flex-direction:column;gap:12px;display:flex}.artist-file-row{border:1px solid var(--border-strong);background:var(--bg-surface-raised);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.artist-file-info{flex-direction:column;gap:4px;min-width:0;display:flex}.artist-file-label{color:var(--text-secondary);font-size:12px;font-weight:600}.artist-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.artist-file-empty{color:var(--text-faint);font-size:13px}.artist-file-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-view-button,.file-upload-button{border:1px solid var(--border-strong);background:var(--bg-popover);height:34px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.file-view-button:hover,.file-upload-button:hover{border-color:var(--border-hover);background:var(--bg-input-focus)}.file-remove-button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex}.file-remove-button:hover{border-color:rgba(var(--danger-rgb), .2);background:rgba(var(--danger-rgb), .08);color:var(--danger)}@media (width<=600px){.artist-detail-header{flex-direction:column;align-items:flex-start}.artist-detail-header h1{font-size:26px}.artist-detail-live{justify-content:center;align-self:stretch}.detail-card{padding:18px}.detail-card .modal-actions{flex-direction:column-reverse}.detail-card .modal-actions .cancel-button,.detail-card .modal-actions .save-button,.detail-card .modal-actions .delete-text-button{width:100%}.artist-file-row{flex-direction:column;align-items:stretch}.artist-file-actions{justify-content:flex-end}}.finance-page{width:100%;min-height:100%;color:var(--text-primary)}.finance-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.finance-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.finance-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.finance-header p strong{color:var(--text-secondary);font-weight:600}.add-finance-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-finance-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.add-finance-button:active:not(:disabled){transform:translateY(0)}.add-finance-button:disabled{opacity:.5;cursor:not-allowed}.finance-summary{flex-direction:column;gap:16px;margin-bottom:26px;display:flex}.summary-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.summary-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.summary-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.budget-icon{background:var(--bg-accent-soft);color:var(--accent-text)}.cost-icon{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.income-icon{background:rgba(var(--success-rgb), .12);color:var(--success-strong)}.result-icon{background:var(--bg-accent-soft);color:var(--accent-text)}.summary-card div{flex-direction:column;min-width:0;display:flex}.summary-card-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.summary-card strong{letter-spacing:-.01em;margin-top:3px;font-size:19px;font-weight:700}.summary-card small{color:var(--text-faint);margin-top:2px;font-size:11px}.result-card.result-negative strong{color:var(--danger)}.result-card.result-positive strong{color:var(--success-strong)}.summary-panels{grid-template-columns:1fr 1fr;gap:14px;display:grid}.summary-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;padding:20px}.summary-panel-description{color:var(--text-muted);margin:6px 0 14px;font-size:12px}.summary-panel-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.summary-panel-row strong{color:var(--text-primary);font-weight:650}.summary-panel-row strong small{color:var(--text-faint);font-size:11px;font-weight:500}.summary-panel-row-total{border-top:1px solid var(--border-strong);margin-top:4px;padding-top:12px}.buma-stemra-form{align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.buma-stemra-form label{color:var(--text-secondary);flex-direction:column;flex:1;gap:6px;font-size:12px;font-weight:600;display:flex}.percentage-input{border:1px solid var(--border-strong);background:var(--bg-input);border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.percentage-input input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:13px}.percentage-input span{color:var(--text-faint);font-size:13px;font-weight:600}.buma-stemra-form .save-button{height:40px}.finance-section{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;margin-bottom:20px;padding:26px}.finance-section .overview-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.category-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.category-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.category-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-card-header h3{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.category-progress-track{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.category-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.category-progress-fill.category-progress-over{background:var(--danger)}.category-card-amounts{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.category-card-amounts strong{color:var(--text-primary);font-weight:650}.finance-list{flex-direction:column;gap:8px;display:flex}.finance-row{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:16px;padding:14px 16px;display:flex}.finance-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.finance-row-main h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.finance-row-meta{color:var(--text-faint);font-size:12px}.finance-row-amount{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.finance-row-amount strong{color:var(--text-primary);font-size:14px;font-weight:650}.finance-row-amount small{color:var(--text-faint);font-size:11px}.finance-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}.finance-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=1100px){.summary-cards,.category-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.summary-cards,.summary-panels,.category-list{grid-template-columns:1fr}.finance-row{flex-wrap:wrap}.finance-row-amount{text-align:left;align-items:flex-start}.finance-form-row{grid-template-columns:1fr}.add-finance-button{width:100%}}.guestlist-page{width:100%;min-height:100%;color:var(--text-primary)}.guestlist-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.guestlist-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.guestlist-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.guestlist-header p strong{color:var(--text-secondary);font-weight:600}.add-guest-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-guest-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.add-guest-button:active:not(:disabled){transform:translateY(0)}.add-guest-button:disabled{opacity:.5;cursor:not-allowed}.guestlist-overview{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;padding:26px}.guestlist-overview .overview-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.guest-search{border:1px solid var(--border-strong);background:var(--bg-icon);height:42px;color:var(--text-faint);border-radius:10px;align-items:center;gap:10px;margin:18px 0;padding:0 14px;transition:border-color .2s,background .2s;display:flex}.guest-search:focus-within{border-color:rgba(var(--accent-hover-rgb), .55);background:var(--bg-icon)}.guest-search input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px}.guest-search input::placeholder{color:var(--text-faint)}.guest-list{flex-direction:column;gap:8px;display:flex}.guest-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:16px;padding:14px 16px;display:flex}.guest-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.guest-main h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.guest-meta{color:var(--text-faint);font-size:12px}.backstage-badge{border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.backstage-badge.backstage-yes{background:rgba(var(--success-rgb), .12);color:var(--success-strong)}.backstage-badge.backstage-no{background:var(--bg-icon);color:var(--text-faint)}.guest-checkin-toggle{border:1px solid var(--border-strong);background:var(--bg-surface-raised);height:32px;color:var(--text-secondary);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.guest-checkin-toggle:hover{border-color:var(--border-hover)}.guest-checkin-toggle.guest-checkin-toggle-active{border-color:rgba(var(--success-rgb), .35);background:rgba(var(--success-rgb), .1);color:var(--success)}.guest-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}@media (width<=700px){.guestlist-header{flex-direction:column;align-items:stretch}.add-guest-button{width:100%}.guest-card{flex-wrap:wrap}}.placeholder-page{width:100%;min-height:100%;color:var(--text-primary)}.placeholder-header{margin-bottom:24px}.placeholder-header h1{letter-spacing:-.03em;margin:8px 0 0;font-size:32px;font-weight:700;line-height:1.1}.placeholder-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.crew-page{width:100%;min-height:100%;color:var(--text-primary)}.crew-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px;display:flex}.crew-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.crew-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.crew-header p strong{color:var(--text-secondary);font-weight:600}.add-crew-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-crew-button:hover{background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.add-crew-button:active{transform:translateY(0)}.crew-overview{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;padding:26px}.crew-overview .overview-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.crew-search{border:1px solid var(--border);background:var(--bg-icon);width:100%;height:42px;color:var(--text-faint);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:0 13px;transition:border-color .2s,background .2s;display:flex}.crew-search:focus-within{border-color:rgba(var(--accent-hover-rgb), .55);background:var(--bg-icon)}.crew-search input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px}.crew-search input::placeholder{color:var(--text-faint)}.crew-list{flex-direction:column;gap:8px;display:flex}.crew-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:14px;min-height:68px;padding:13px 14px;transition:background .2s,border-color .2s,transform .2s;display:flex}.crew-card:hover{border-color:var(--border-hover);background:var(--bg-surface-raised);transform:translateY(-1px)}.crew-avatar{background:rgba(var(--accent-hover-rgb), .12);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.crew-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.crew-main h3{min-width:48px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.role-badge{border:1px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.crew-list .empty-state,.task-list .empty-state{flex-direction:column;gap:8px}.task-overview{margin-top:20px}.task-overview .overview-title{gap:20px}.task-list{flex-direction:column;gap:8px;display:flex}.task-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:14px;min-height:60px;padding:11px 14px;transition:background .2s,border-color .2s;display:flex}.task-card:hover{border-color:var(--border-hover)}.task-card-done{opacity:.55}.task-toggle{color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.task-toggle:hover{color:var(--accent-text)}.task-card-done .task-toggle{color:var(--success)}.task-toggle-static{cursor:default;color:var(--text-placeholder)}.claim-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:32px;color:var(--text-on-accent);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.claim-button:hover{background:var(--accent-hover)}.claim-button-release{border-color:var(--border-strong);background:var(--bg-popover);color:var(--text-secondary)}.claim-button-release:hover{border-color:rgba(var(--danger-rgb), .3);background:rgba(var(--danger-rgb), .08);color:var(--danger)}.task-time{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;flex-shrink:0;padding:4px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.task-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.task-main h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.task-card-done .task-main h3{color:var(--text-faint);text-decoration:line-through}.task-assignee{border:1px solid rgba(var(--accent-hover-rgb), .18);background:rgba(var(--accent-hover-rgb), .1);color:var(--accent-text);border-radius:5px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:600}.crew-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}@media (width<=800px){.crew-header{flex-direction:column;align-items:flex-start}.add-crew-button{width:100%}}@media (width<=550px){.crew-overview{padding:16px}.crew-card{padding:11px}.crew-avatar{width:34px;height:34px}}@media (width<=480px){.crew-header h1{font-size:26px}.crew-main,.task-card{flex-wrap:wrap}.task-main{flex-wrap:wrap;order:3;min-width:100%}}.bezoekers-page{width:100%;min-height:100%;color:var(--text-primary)}.bezoekers-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.bezoekers-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.bezoekers-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.bezoekers-header-actions{align-items:center;gap:14px;display:flex}.bezoekers-last-updated{color:var(--text-faint);white-space:nowrap;font-size:12px}.bezoekers-refresh-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.bezoekers-refresh-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.bezoekers-refresh-button:disabled{opacity:.5;cursor:not-allowed}.bezoekers-refresh-button .spinning{animation:.8s linear infinite bezoekers-spin}@keyframes bezoekers-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bezoekers-empty{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.bezoekers-empty svg{color:var(--text-faint)}.bezoekers-warning{border:1px solid rgba(var(--danger-rgb), .3);background:rgba(var(--danger-rgb), .08);color:var(--danger);border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.bezoekers-warning svg{flex-shrink:0}.bezoekers-summary{flex-direction:column;gap:16px;margin-bottom:26px;display:flex}.bezoekers-summary .summary-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.bezoekers-summary .summary-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.bezoekers-summary .summary-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bezoekers-summary .summary-card div{flex-direction:column;min-width:0;display:flex}.bezoekers-summary .summary-card-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.bezoekers-summary .summary-card strong{letter-spacing:-.01em;margin-top:3px;font-size:19px;font-weight:700}.sold-icon{background:var(--bg-accent-soft);color:var(--accent-text)}.capacity-icon{background:rgba(var(--success-rgb), .12);color:var(--success-strong)}.percentage-icon{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.bezoekers-progress-track{background:var(--bg-inset);border-radius:999px;height:10px;overflow:hidden}.bezoekers-progress-track-small{height:6px}.bezoekers-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.bezoekers-products{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.bezoekers-no-products{color:var(--text-muted);font-size:13px}.bezoekers-product-list{flex-direction:column;gap:14px;display:flex}.bezoekers-product-row{flex-direction:column;gap:6px;display:flex}.bezoekers-product-row-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bezoekers-product-name{color:var(--text-secondary);font-size:13px;font-weight:600}.bezoekers-product-count{color:var(--text-faint);white-space:nowrap;font-size:12px}@media (width<=1100px){.bezoekers-summary .summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.bezoekers-header{flex-direction:column;align-items:stretch}.bezoekers-header-actions{justify-content:space-between}.bezoekers-refresh-button{flex-shrink:0}.bezoekers-summary .summary-cards{grid-template-columns:1fr}}.language-switch-wrapper{width:fit-content;position:relative}.language-switch-trigger{border:1px solid var(--border-strong);background:var(--bg-surface-raised);height:38px;color:var(--text-primary);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.language-switch-trigger:hover{border-color:var(--border-hover);background:var(--bg-icon)}.language-switch-trigger svg:last-child{color:var(--text-faint);flex-shrink:0;transition:transform .2s}.language-switch-trigger svg:first-child,.language-switch-option svg{border-radius:2px;flex-shrink:0}.language-switch-trigger span:first-of-type,.language-switch-option span:first-of-type{text-align:left;flex:1}.language-switch-code{background:rgba(var(--accent-hover-rgb), .12);color:var(--accent-text);letter-spacing:.03em;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.language-switch-dropdown{z-index:20;border:1px solid var(--border-strong);background:var(--bg-popover);min-width:100%;box-shadow:var(--shadow-dropdown);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.language-switch-option{color:var(--text-primary);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.language-switch-option:hover{background:var(--border)}.language-switch-option.active{background:var(--bg-accent-soft)}.settings-page{width:100%;min-height:100%;color:var(--text-primary)}.settings-header{margin-bottom:24px}.settings-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.settings-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.password-section{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;max-width:480px;margin-bottom:20px;padding:26px}.password-section .overview-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.password-section .overview-title{margin-bottom:20px}.password-form{flex-direction:column;gap:16px;max-width:380px;display:flex}.password-form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.password-form input{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;height:42px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.password-form input:hover{border-color:var(--border-hover)}.password-form input:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.password-form input::placeholder{color:var(--text-placeholder)}.password-form .save-button{align-self:flex-start;margin-top:4px}.password-section .form{padding:0}.password-section .form .save-button{align-self:flex-start;margin-top:4px}.profile-photo-row{align-items:center;gap:16px;margin-bottom:22px;display:flex}.profile-photo-preview{background:rgba(var(--accent-hover-rgb), .12);width:64px;height:64px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.profile-photo-actions{flex-direction:column;gap:8px;display:flex}.photo-upload-button{border:1px solid var(--border-strong);background:var(--bg-popover);width:fit-content;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.photo-upload-button:hover{border-color:var(--border-hover);background:var(--bg-input-focus)}.photo-remove-button{width:fit-content;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:color .2s;display:inline-flex}.photo-remove-button:hover{color:var(--danger)}.settings-page .language-switch-wrapper{margin-top:14px}.app-version-button{border:1px solid var(--border-strong);background:var(--bg-popover);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:650;transition:border-color .2s,background .2s;display:flex}.app-version-button:hover{border-color:rgba(var(--accent-hover-rgb), .4);background:var(--bg-input-focus)}.app-version-hint{color:var(--text-faint);font-size:12px;font-weight:500}@media (width<=480px){.settings-header h1{font-size:26px}.password-section{padding:16px}.profile-photo-row{flex-wrap:wrap}}.tag-list-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;padding:26px}.tag-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag-chip{border:1px solid var(--border-strong);background:var(--bg-surface-raised);color:var(--text-secondary);border-radius:20px;align-items:center;gap:7px;padding:7px 8px 7px 12px;font-size:12px;font-weight:500;display:inline-flex}.tag-chip-remove{width:18px;height:18px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.tag-chip-remove:hover{background:rgba(var(--danger-rgb), .15);color:var(--danger)}.tag-add-form{gap:8px;display:flex}.tag-add-form input{border:1px solid var(--border-strong);background:var(--bg-input);height:40px;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.tag-add-form input:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.tag-add-form input::placeholder{color:var(--text-placeholder)}.tag-add-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);width:40px;height:40px;color:var(--text-on-accent);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.tag-add-button:hover{background:var(--accent-hover)}.admin-page{width:100%;min-height:100%;color:var(--text-primary)}.admin-header{margin-bottom:24px}.admin-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.admin-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.tenant-settings{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}@media (width<=1000px){.tenant-settings{grid-template-columns:1fr 1fr}}@media (width<=700px){.tenant-settings{grid-template-columns:1fr}}.accounts-overview{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;padding:26px}.overview-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.overview-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.add-account-button{border:1px solid rgba(var(--accent-hover-rgb), .4);background:var(--accent);height:42px;color:var(--text-on-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-account-button:hover{background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.accounts-list{flex-direction:column;gap:8px;display:flex}.account-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:14px;padding:13px 14px;transition:background .2s,border-color .2s;display:flex}.account-card:hover{border-color:var(--border-hover);background:var(--bg-surface-raised)}.account-avatar{background:rgba(var(--accent-hover-rgb), .12);width:38px;height:38px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.account-avatar-photo{object-fit:cover;width:100%;height:100%}.account-main{flex:1;min-width:0}.account-main h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.account-username{color:var(--text-faint);margin-top:3px;font-size:12px;display:block}.account-pages{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.page-badge{border:1px solid rgba(var(--accent-hover-rgb), .18);background:rgba(var(--accent-hover-rgb), .1);color:var(--accent-text);border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600}.page-badge.page-badge-admin{border-color:rgba(var(--danger-rgb), .18);background:rgba(var(--danger-rgb), .1);color:var(--danger)}.account-modal{border:1px solid var(--border-strong);background:var(--bg-modal);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:14px;animation:.2s ease-out modal-in;overflow-y:auto}.account-modal-subject{color:var(--text-secondary);margin:-4px 0 4px;font-size:13px}.account-mode-tabs{border:1px solid var(--border-strong);background:var(--bg-input);border-radius:9px;gap:6px;margin-bottom:4px;padding:4px;display:flex}.account-mode-tab{height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.account-mode-tab:hover{color:var(--text-primary)}.account-mode-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-modal)}.form-hint{color:var(--text-faint);margin:6px 0 0;font-size:12px;font-weight:400}.pages-field{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.pages-checklist{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pages-checklist .page-checkbox{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:9px;padding:9px 11px;font-size:12px;font-weight:500;transition:border-color .2s,background .2s;display:flex}.page-checkbox:hover{border-color:var(--border-hover)}.page-checkbox:has(input:disabled){opacity:.55;cursor:not-allowed}.page-checkbox:has(input:disabled):hover{border-color:var(--border-strong)}.form .page-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);padding:0}.form .page-checkbox input[type=checkbox]:disabled{cursor:not-allowed}@media (width<=480px){.admin-header h1{font-size:26px}.accounts-overview{padding:16px}.overview-title{flex-direction:column;align-items:flex-start;gap:10px}.pages-checklist{grid-template-columns:1fr}.account-mode-tabs{flex-direction:column}}.integrations-page{width:100%;min-height:100%;color:var(--text-primary)}.integrations-header{margin-bottom:24px}.integrations-header h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.integrations-header p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.integration-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:100%;max-width:560px;padding:26px}.integration-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.integration-card-header p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.integration-status{border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.integration-status small{color:inherit;opacity:.75;font-size:11px;font-weight:500}.integration-status-unknown{background:var(--bg-icon);color:var(--text-faint)}.integration-status-connected{background:rgba(var(--success-rgb), .12);color:var(--success-strong)}.integration-status-failed{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.integration-card .form{padding:0}.integration-card>.form-error{margin:0 0 16px}.integration-actions{align-items:center;gap:10px;display:flex}.integration-disconnect-button{height:40px;color:var(--danger);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:0 15px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.integration-disconnect-button:hover:not(:disabled){border-color:rgba(var(--danger-rgb), .3);background:rgba(var(--danger-rgb), .08)}.integration-disconnect-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.integrations-header h1{font-size:26px}.integration-card{padding:18px}.integration-actions{flex-direction:column-reverse}.integration-actions .save-button,.integration-actions .cancel-button,.integration-disconnect-button{width:100%;margin-left:0}}.global-admin-page{background:var(--bg-app);width:100%;min-height:100vh;color:var(--text-primary)}.global-admin-topbar{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.global-admin-brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.global-admin-brand span span{color:var(--accent-hover)}.global-admin-topbar-actions{align-items:center;gap:8px;display:flex}.global-admin-link-button{border:1px solid var(--border-strong);height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.global-admin-link-button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.global-admin-content{max-width:780px;margin:0 auto;padding:32px 24px 60px}.global-admin-heading{margin-bottom:24px}.global-admin-heading h1{letter-spacing:-.02em;margin:4px 0 0;font-size:30px;font-weight:700}.global-admin-heading p{color:var(--text-muted);margin:8px 0 0;font-size:14px}.global-admin-section{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;margin-bottom:20px;padding:22px}.global-admin-section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.global-admin-section-title h2{margin:0;font-size:18px;font-weight:650}.global-admin-list{flex-direction:column;gap:8px;display:flex}.global-admin-card{border:1px solid var(--border);background:var(--bg-surface-raised);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;display:flex}.global-admin-card-icon{background:var(--bg-accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.global-admin-card-main{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;font-weight:600;display:flex}@media (width<=700px){.global-admin-topbar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 14px}.global-admin-content{padding:20px 14px 40px}.global-admin-heading h1{font-size:26px}.global-admin-section{padding:16px}.global-admin-section-title{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=420px){.global-admin-brand span{display:none}}.login-page{background:var(--bg-app);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-language-switch{position:fixed;top:20px;right:20px}.login-card{border:1px solid var(--border);background:var(--bg-surface);width:100%;max-width:380px;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;gap:18px;padding:32px;display:flex}.login-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.login-logo .logo-mark{background:var(--accent);width:34px;height:34px;color:var(--text-on-accent);border-radius:9px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.login-logo span span{color:var(--accent-hover)}.login-heading h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.login-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.login-card label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.login-card input{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;height:42px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.login-card input:hover{border-color:var(--border-hover)}.login-card input:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.login-card input::placeholder{color:var(--text-placeholder)}.login-button{border:1px solid var(--accent);background:var(--accent);height:44px;color:var(--text-on-accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.login-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 25px rgba(var(--accent-rgb), .2);transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.tenant-picker-search{border:1px solid var(--border);background:var(--bg-icon);width:100%;height:40px;color:var(--text-faint);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:0 12px;transition:border-color .2s,background .2s;display:flex}.tenant-picker-search:focus-within{border-color:rgba(var(--accent-hover-rgb), .55)}.tenant-picker-search input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px}.tenant-picker-search input::placeholder{color:var(--text-placeholder)}.tenant-picker-list{flex-direction:column;gap:10px;max-height:320px;margin:0 -4px;padding:2px 4px;display:flex;overflow:hidden auto}.tenant-picker-no-results{color:var(--text-muted);text-align:center;margin:0;padding:10px 2px;font-size:13px}.login-card .tenant-picker-option{border:1px solid var(--border-strong);background:var(--bg-input);cursor:pointer;border-radius:12px;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.tenant-picker-option:hover{border-color:var(--border-hover);transform:translateY(-1px)}.tenant-picker-option.active{border-color:var(--accent);background:var(--bg-accent-soft);box-shadow:0 6px 18px rgba(var(--accent-rgb), .15)}.tenant-picker-radio-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tenant-picker-icon{background:var(--bg-accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.tenant-picker-option.active .tenant-picker-icon{background:var(--accent);color:var(--text-on-accent)}.tenant-picker-option-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.tenant-picker-option-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.tenant-picker-badge{background:rgba(var(--accent-hover-rgb), .12);color:var(--accent-text);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.tenant-picker-radio-indicator{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .2s,background .2s;position:relative}.tenant-picker-radio-indicator:after{content:"";background:var(--text-on-accent);border-radius:50%;width:8px;height:8px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.tenant-picker-option:hover .tenant-picker-radio-indicator{border-color:var(--border-hover)}.tenant-picker-radio-input:checked~.tenant-picker-radio-indicator{border-color:var(--accent);background:var(--accent)}.tenant-picker-radio-input:checked~.tenant-picker-radio-indicator:after{transform:translate(-50%,-50%)scale(1)}.tenant-picker-radio-input:focus-visible~.tenant-picker-radio-indicator{outline:2px solid var(--accent);outline-offset:2px}.login-card .tenant-picker-default-toggle{color:var(--text-secondary);cursor:pointer;flex-direction:row;align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex;position:relative}.tenant-picker-checkbox-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tenant-picker-checkbox-box{border:2px solid var(--border-strong);color:#0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .2s,background .2s,color .2s;display:flex}.tenant-picker-default-toggle:hover .tenant-picker-checkbox-box{border-color:var(--border-hover)}.tenant-picker-checkbox-input:checked~.tenant-picker-checkbox-box{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.tenant-picker-checkbox-input:focus-visible~.tenant-picker-checkbox-box{outline:2px solid var(--accent);outline-offset:2px}.tenant-picker-empty{color:var(--text-muted);text-align:center;flex-direction:column;gap:12px;font-size:13px;display:flex}.tenant-picker-global-link{color:var(--accent-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.tenant-picker-global-link:hover{text-decoration:underline}.tenant-picker-logout{color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.tenant-picker-logout:hover{color:var(--text-primary)}.onderhoud-icon{background:rgba(var(--danger-rgb), .1);width:56px;height:56px;color:var(--danger);border-radius:14px;justify-content:center;align-items:center;display:flex}.dev-banner{border:1px solid rgba(var(--warning-rgb), .3);background:rgba(var(--warning-rgb), .1);color:var(--warning);border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.dev-banner svg{flex-shrink:0}.page-label,.section-label{color:var(--accent-hover);letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.delete-button{width:34px;height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.delete-button:hover{border-color:rgba(var(--danger-rgb), .15);background:rgba(var(--danger-rgb), .08);color:var(--danger)}.card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.edit-button{width:34px;height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.edit-button:hover{border-color:rgba(var(--accent-hover-rgb), .2);background:rgba(var(--accent-hover-rgb), .1);color:var(--accent-text)}.empty-state{border:1px dashed var(--border-strong);background:var(--bg-surface-raised);min-height:150px;color:var(--text-faint);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.empty-state p{margin:0}.modal-overlay{z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 22px 20px;display:flex}.modal-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.modal-close{border:1px solid var(--border-strong);background:var(--bg-popover);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.modal-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.form{flex-direction:column;gap:18px;padding:22px;display:flex}.form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.form input,.form select,.form textarea{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;height:42px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.form textarea{resize:vertical;height:auto;padding:10px 12px}.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--border-hover)}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.form input::placeholder,.form textarea::placeholder{color:var(--text-placeholder)}.form select{cursor:pointer}.form input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.form label.checkbox-field{flex-direction:row;align-items:center;gap:10px}.form-error{color:var(--danger);margin:0;font-size:13px;font-weight:600}.form-success{color:var(--success);margin:0;font-size:13px;font-weight:600}.field-hint{color:var(--text-faint);font-size:11px;font-weight:500}.b2b-badge{border:1px solid rgba(var(--success-rgb), .4);background:rgba(var(--success-rgb), .15);color:var(--success-strong,var(--success));letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.liveshow-badge{border:1px solid rgba(var(--warning-rgb), .4);background:rgba(var(--warning-rgb), .15);color:var(--warning);letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:18px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cancel-button{border:1px solid var(--border-strong);background:var(--bg-popover);color:var(--text-secondary)}.cancel-button:hover{border-color:var(--border-hover);background:var(--bg-surface-hover);color:var(--text-primary)}.save-button{border:1px solid var(--accent);background:var(--accent);color:var(--text-on-accent)}.save-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.now-playing{border:1px solid rgba(var(--success-rgb), .25);background:linear-gradient(135deg, rgba(var(--success-rgb), .08), rgba(var(--accent-hover-rgb), .05));box-shadow:0 0 30px rgba(var(--success-rgb), .04);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px 20px;display:flex}.now-playing-left{align-items:center;gap:14px;display:flex}.now-playing-icon{background:rgba(var(--success-rgb), .12);width:44px;height:44px;color:var(--success);border-radius:10px;justify-content:center;align-items:center;display:flex}.now-playing-label{color:var(--success);letter-spacing:.12em;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.now-playing h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:650}.now-playing-stage{color:var(--text-faint);margin-top:3px;font-size:11px;display:block}.now-playing-timer{flex-direction:column;align-items:flex-end;display:flex}.now-playing-timer span{color:var(--text-faint);letter-spacing:.1em;font-size:9px;font-weight:700}.now-playing-timer strong{color:var(--success);margin-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:25px;font-weight:600}.remaining-time{font-family:SFMono-Regular,Consolas,monospace;font-weight:600;color:var(--success)!important}@media (width<=600px){.now-playing{flex-direction:column;align-items:flex-start}.now-playing-timer{align-items:flex-start}}@media (width<=550px){.modal-overlay{align-items:flex-end;padding:10px}.modal-header,.form{padding:18px}.modal-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}*{box-sizing:border-box}:root{--bg-app:#0d0d0f;--bg-surface:#111114;--bg-surface-raised:#17171b;--bg-surface-hover:#1e1e23;--bg-popover:#1a1a1e;--bg-input:#0e0e11;--bg-input-focus:#111115;--bg-icon:#101014;--bg-modal:#141417;--bg-overlay:#000000b8;--bg-accent-soft:#25202f;--border:#202024;--border-strong:#29292f;--border-hover:#34343c;--text-primary:#fff;--text-on-accent:#fff;--text-secondary:#a5a5ad;--text-muted:#85858d;--text-faint:#6f6f77;--text-placeholder:#55555d;--accent-rgb:124, 58, 237;--accent:rgb(var(--accent-rgb));--accent-hover-rgb:139, 92, 246;--accent-hover:rgb(var(--accent-hover-rgb));--accent-text:#a78bfa;--success-rgb:34, 197, 94;--success-strong:rgb(var(--success-rgb));--success:#4ade80;--danger-rgb:239, 68, 68;--danger:#f87171;--warning-rgb:245, 158, 11;--warning:#fbbf24;--role-security:#f87171;--role-techniek:#60a5fa;--role-bar:#fbbf24;--role-ehbo:#4ade80;--role-backstage:#a78bfa;--role-coordinatie:#f472b6;--role-catering:#fb923c;--role-overig:#9ca3af;--shadow-modal:0 25px 70px #0000008c, 0 0 0 1px #ffffff05;--shadow-dropdown:0 15px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--bg-app:#f5f5f7;--bg-surface:#fff;--bg-surface-raised:#f2f2f5;--bg-surface-hover:#e9e9ee;--bg-popover:#fff;--bg-input:#fff;--bg-input-focus:#fff;--bg-icon:#eeeef2;--bg-modal:#fff;--bg-overlay:#14141966;--bg-accent-soft:#f0eafe;--border:#e3e3e8;--border-strong:#d3d3da;--border-hover:#b9b9c3;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#6b6b76;--text-faint:#86868f;--text-placeholder:#a3a3ac;--accent-text:#7c3aed;--success:#16a34a;--danger:#dc2626;--warning-rgb:217, 119, 6;--warning:#b45309;--role-security:#dc2626;--role-techniek:#2563eb;--role-bar:#a16207;--role-ehbo:#16a34a;--role-backstage:#7c3aed;--role-coordinatie:#db2777;--role-catering:#c2410c;--role-overig:#52525b;--shadow-modal:0 25px 70px #1414191f, 0 0 0 1px #1414190a;--shadow-dropdown:0 15px 40px #14141924;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=leukbeestje]{--bg-app:#fff4cf;--bg-surface:#fff;--bg-surface-raised:#fff0bd;--bg-surface-hover:#ffe89a;--bg-popover:#fff;--bg-input:#fffaeb;--bg-input-focus:#fff;--bg-icon:#fff0bd;--bg-modal:#fff;--bg-overlay:#402a0066;--bg-accent-soft:#ffe082;--border:#ffe082;--border-strong:#ffd54f;--border-hover:#ffc72c;--text-primary:#1c2b4a;--text-on-accent:#fff;--text-secondary:#33456b;--text-muted:#52658a;--text-faint:#7181a3;--text-placeholder:#9aa6bf;--accent-rgb:230, 57, 46;--accent:rgb(var(--accent-rgb));--accent-hover-rgb:245, 82, 70;--accent-hover:rgb(var(--accent-hover-rgb));--accent-text:#d32f2f;--success:#2e8b3d;--danger:#d32f2f;--warning-rgb:251, 192, 45;--warning:#b8860b;--role-security:#d32f2f;--role-techniek:#1565c0;--role-bar:#b8860b;--role-ehbo:#2e8b3d;--role-backstage:#6a3fbf;--role-coordinatie:#d6336c;--role-catering:#e8590c;--role-overig:#52658a;--shadow-modal:0 25px 70px #402a002e, 0 0 0 1px #402a000d;--shadow-dropdown:0 15px 40px #402a0033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=leukbeestje] .logo-mark{color:#ffd93d;background:#2f5fa8}body{background:var(--bg-app);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;transition:background .2s,color .2s}button,input,textarea,select{font:inherit}a{color:inherit}.app{width:100%;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.main-content{min-width:0;color:var(--text-primary);flex:1;padding:40px}.mobile-topbar{display:none}@media (width<=900px){.mobile-topbar{z-index:150;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-menu-button{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.mobile-menu-button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.mobile-topbar-brand{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.mobile-topbar-brand span span{color:var(--accent-hover)}.main-content{padding:20px}}@media (width<=480px){.main-content{padding:16px}}@media (hover:none) and (pointer:coarse){.form input,.form select,.form textarea,.crew-search input,.artist-search input,.login-card input,.tenant-picker-search input,.password-form input,.tag-add-form input{font-size:16px}}