header{margin:0}:root{--pullDownBg: rgba(30, 35, 45, .4);--pullDownText: var(--text);--pullDownBorder: var(--border);--pullDownShadow: 0 1px 0 rgba(0, 0, 0, .25) inset, 0 0 8px rgba(17, 153, 221, .15);--modalDangerBg: #b43c3c;--modalDangerText: #ffffff;--rcol: #FF0000;--bg: #334455;--fg: #ffffff;--hd_bg: rgba(50, 50, 50, .5);--tab_bg: rgba(15, 15, 15, .3);--tab_hd_bg: rgba(40, 40, 40, .3);--ruler_bg: rgba(40, 40, 40, .3);--rulerWM_bg: rgba(60, 80, 80, .8);--card: #181818;--text: #EEEEEE;--muted: #a1a1a1;--border: rgba(100, 120, 150, 1);--accent: #1199DD;--accentText: #FFFFFF;--clients: #556677;--clientsText: #FFFFFF;--grid_lines: rgba(70, 90, 120, 1);--pillRadius: 12px;--btnRadius: 99px;--hdRadius: 40px;--tabRadius: 40px;--headerPullDownBg: rgba(30, 35, 45, .8);--timelineAutoRefresh: 1000;--timeToAutoscroll: 3000;--meetingSelectedOutline: #d8f3ff;--meetingSelectedOutlineWidth: 5px;--meetingSelectedGlow: rgba(125, 211, 252, .52);--meetingSelectedBlur: 10px;--addHocHintBg: rgba(15, 20, 30, .25);--addHocHintBorder: rgba(255, 255, 255, .18);--projectNameText: var(--accent);--calendarWishFilterPlaceholder: rgba(238, 238, 238, .82)}[data-theme=light]{--pullDownBg: rgba(255, 255, 255, .9);--pullDownText: var(--text);--pullDownBorder: var(--border);--pullDownShadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 0 8px rgba(51, 136, 255, .15);--modalDangerBg: #dc2626;--modalDangerText: #ffffff;--rcol: #FF0000;--bg: #f7f7f7;--fg: #000000;--hd_bg: rgba(210, 210, 210, .5);--tab_bg: rgba(245, 245, 245, .4);--tab_hd_bg: rgba(220, 220, 220, .3);--ruler_bg: rgba(200, 200, 200, .3);--rulerWM_bg: rgba(170, 190, 190, .8);--card: #ffffff;--text: #111111;--muted: #555555;--border: rgba(100, 100, 100, 1);--accent: #3388FF;--accentText: #FFFFFF;--clients: #cce5ff;--clientsText: #003366;--grid_lines: rgba(225, 225, 225, .8);--pillRadius: 12px;--btnRadius: 99px;--hdRadius: 40px;--tabRadius: 40px;--headerPullDownBg: rgba(230, 230, 230, .8);--timelineAutoRefresh: 5000;--meetingSelectedOutline: #d8f3ff;--meetingSelectedOutlineWidth: 5px;--meetingSelectedGlow: rgba(2, 132, 199, .32);--meetingSelectedBlur: 10px;--addHocHintBg: rgba(245, 245, 245, .25);--addHocHintBorder: rgba(100, 100, 100, .55);--projectNameText: #0f4f7a;--calendarWishFilterPlaceholder: rgba(17, 17, 17, .78)}*{box-sizing:border-box}body{margin:0;background:transparent;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;background:#000;border:1px solid #2d2d2d;border-radius:var(--hdRadius);margin:0 0 8px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:6px 8px;border:1px solid #2d2d2d;border-radius:var(--btnRadius);cursor:pointer;background:#1b1b1b;color:#fff}.tab.active{background:var(--accent);border-color:#f6b26b;color:var(--accentText);border:1px;border-radius:var(--pillRadius);box-shadow:2px 2px #00000026 inset}.th{flex-wrap:wrap;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 10px;height:50px;border:1px solid #2d2d2d;border-radius:var(--hdRadius);margin:15px 10px 0}.th_tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.th_btn{border-radius:var(--btnRadius);background:red;border:1px solid;border-color:var(--border);color:#fff;cursor:pointer;height:27px}.card{border:10px solid #2d2d2d;border-radius:var(--tabRadius);margin-top:2px;background:#181818}.card .hd{padding:12px 14px;border-bottom:1px solid #2d2d2d;font-weight:700}.card .bd{padding:12px 14px}.btn{padding:8px 12px;border-radius:10px;background:#222;border:1px solid #2d2d2d;color:#fff;cursor:pointer}input,select,textarea{background:#1f1f1f;border:1px solid #2d2d2d;border-radius:8px;color:#fff;padding:8px}.grid{display:grid;gap:8px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr)}.calendar-layout.has-wishes{grid-template-columns:var(--wish-panel-width) minmax(0,1fr)}.calendar-layout.has-properties{grid-template-columns:minmax(0,1fr) var(--properties-panel-width)}.calendar-layout.has-wishes.has-properties{grid-template-columns:var(--wish-panel-width) minmax(0,1fr) var(--properties-panel-width)}.calendar-wishes-panel{border-right:2px solid var(--grid_lines);display:flex;flex-direction:column;height:100%;min-height:0}.calendar-wishes-header{font-weight:600;margin-bottom:8px}.calendar-wishes-filters{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px}.calendar-wishes-list{overflow:auto;padding-right:8px;flex:1;min-height:0}.calendar-wish-card{margin:0 12px 8px}.calendar-meeting-card.selected{z-index:2!important}.calendar-meeting-card.selected:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;pointer-events:none;border-radius:inherit;border:var(--meetingSelectedOutlineWidth) solid var(--meetingSelectedOutline);box-shadow:0 0 var(--meetingSelectedBlur) var(--meetingSelectedGlow),0 0 calc(var(--meetingSelectedBlur) * 1.7) var(--meetingSelectedGlow);filter:drop-shadow(0 0 calc(var(--meetingSelectedBlur) * .75) var(--meetingSelectedOutline));z-index:3}.meeting-properties-panel{min-height:0;overflow:auto;padding:16px;border-left:2px solid var(--grid_lines);background:var(--tab_bg);border-radius:18px}.meeting-description-input::placeholder{color:var(--meeting-description-placeholder);opacity:.9}.unassigned-create-input::placeholder{color:#222;opacity:.9}.calendar-wishes-filters input::placeholder{color:var(--calendarWishFilterPlaceholder);opacity:1}.calendar-help-btn{min-width:32px;font-weight:900;border-radius:999px}.calendar-help-toast{position:fixed;right:18px;top:78px;z-index:1000;max-width:min(420px,calc(100vw - 36px));padding:9px 13px;border-radius:8px;background:var(--accent);color:var(--accentText);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 24px #00000047;font-size:14px;font-weight:700;line-height:1.3}@media (orientation: portrait),(max-width: 750px){.calendar-layout.has-wishes{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.calendar-layout.has-properties{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.calendar-layout.has-wishes.has-properties{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.meeting-properties-panel{max-height:25vh;border-left:0;border-top:2px solid var(--grid_lines)}.calendar-wishes-panel{max-height:20vh;border-right:0;border-bottom:2px solid var(--grid_lines);padding-bottom:10px}.calendar-wishes-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}.calendar-wishes-header{margin-bottom:0;white-space:nowrap}.calendar-wishes-filters{grid-template-columns:1fr 1fr;margin-bottom:0}.calendar-wishes-filters input{width:100%!important;min-width:0}.calendar-wishes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding-right:8px}.calendar-wish-card{width:100%!important;margin:0!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login{width:700px;margin:0 auto;display:flex;flex-direction:column;gap:30px;text-align:center}.login-fields{width:300px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.login-fields input{font-size:16px}.small{font-size:12px;color:var(--muted)}.table{border-collapse:collapse;width:100%}.table th,.table td{border:1px solid #2d2d2d;padding:8px;text-align:left}@media (max-width: 750px){.table:not(.matrix-table){table-layout:fixed;width:100%}.table:not(.matrix-table) th,.table:not(.matrix-table) td{font-size:12px;padding:4px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.table:not(.matrix-table) th:last-child{width:135px!important}.table:not(.matrix-table) td:last-child>div{flex-wrap:wrap;justify-content:center}.table.narrow-actions td:last-child>div{flex-wrap:nowrap!important}.table.clients-table th:nth-child(4),.table.clients-table td:nth-child(4){width:60px!important}.table.team-table th:nth-child(5),.table.team-table td:nth-child(5){width:60px!important}.table.team-table th:nth-child(5){text-align:center}.table:not(.matrix-table) td .btn,.table:not(.matrix-table) td .pulldown{padding:2px 6px!important;font-size:11px!important;height:auto!important;white-space:nowrap}}.badge{padding:6px 10px;border-radius:8px;border:1px solid #333}.h h1{margin:0}.h .btn{border-radius:var(--btnRadius)}.thema_and_online{display:flex;align-items:center;gap:10px}.th_center{display:flex;align-items:center;gap:10px;margin:0 auto;font-weight:100}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:all .2s ease}.switch .slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(24px)}.th_center .on{font-weight:700}.pulldown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--pullDownBg);color:var(--pullDownText);border:2px solid var(--pullDownBorder);border-radius:9999px;padding:5px;line-height:1.2;font-size:14px;box-shadow:var(--pullDownShadow);outline:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease,transform .05s ease}.pulldown:hover{border-color:var(--accent)}.pulldown:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #3388ff40}.pulldown:disabled{opacity:.6;cursor:not-allowed}.pulldown::-moz-focus-inner{border:0}.th{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}.th_center,.th_tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.th_burger{display:none;align-items:center;justify-content:center;width:36px;height:28px;border:1px solid var(--border);border-radius:var(--btnRadius);background:var(--btn);color:var(--text);cursor:pointer}.th_burger span{font-size:18px;line-height:1}.th_more{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-left:auto}.th_more.hidden{display:none}.th_dropdown{display:none;position:absolute;right:10px;top:20px;background:var(--headerPullDownBg);border:1px solid var(--border);border-radius:var(--hdRadius);padding:5px 15px;gap:7px;z-index:999;box-shadow:var(--pullDownShadow)}.th_dropdown>*{margin:4px}@media (max-width: 750px){.app-burger{width:36px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.th .th_more{display:none!important}.th .th_burger{display:flex!important}.th_burger.on{background-color:var(--accent)!important;color:var(--accentText)!important;border-color:var(--accent)!important}.th .th_dropdown.open{display:flex;flex-direction:row;width:min(92vw,480px)}}html{margin:0;min-height:100vh;background:var(--bg) url(/assets/BGPIC_neutral-CIprImuO.png) center center / cover no-repeat;color:var(--text)}.container{color:var(--text)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.app-header-main{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.app-burger{margin-left:8px;background:var(--rcol);color:var(--accentText);border-radius:999px;padding:4px 10px}.app-header-dropdown{display:none;position:absolute;left:8px;right:8px;top:30px;margin-top:6px;background:var(--headerPullDownBg);border:1px solid var(--border);border-radius:20px;padding:8px;z-index:999}.app-header-dropdown.open{display:block}.app-tabs-dropdown{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.app-tabs-dropdown .tab{width:auto;text-align:left;white-space:nowrap}.card{background:var(--card);border:1px solid var(--border)}.hd{color:var(--text);border-bottom:1px solid var(--border)}.tabs .tab{color:var(--text);border:1px solid var(--border);background:transparent}.tabs .tab.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--accent)}input,select,textarea{background:var(--card);color:var(--text);border:2px solid var(--border)}.small{color:var(--muted)}.h,[data-theme=light] .h{color:var(--text);background:var(--hd_bg);border:1px solid var(--border)}.th,[data-theme=light] .th{color:var(--text);padding:5px 8px;background:var(--tab_hd_bg);border:1px solid var(--border)}.th_tabs .th_btn{color:var(--text);border:55px solid var(rgba(0, 255, 0, 1));background:transparent}.theme-switch{border:0;padding:0;background:none;cursor:pointer}.theme-switch .ts-track{display:inline-block;position:relative;width:64px;height:28px;border-radius:999px;background:#3a3a3a;border:2px solid var(--border);transition:background .2s,border-color .2s}.theme-switch .ts-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 4px #0000004d;transition:left .2s}.theme-switch .ts-icon{position:absolute;top:50%;transform:translateY(-50%);right:8px;font-size:14px;opacity:.9}[data-theme=light] .theme-switch .ts-track{background:#2563eb;border-color:#2563eb}[data-theme=light] .theme-switch .ts-knob{left:38px}[data-theme=light] .theme-switch .ts-icon{left:8px;right:auto}.theme-switch-img{width:64px;height:28px;display:inline-block;object-fit:cover}.btn.app-burger{background:var(--btnBg);color:var(--btnText)}.btn.app-burger.open{background:var(--accent);color:var(--accentText)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{filter:invert(1);opacity:1}
