@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#17242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2f1;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}:root{--ink:#17242a;--muted:#6d797d;--line:#2e41481f;--teal:#2f6370;--teal-deep:#244f5a;--paper:#ffffffc2;--shadow:0 12px 34px #1d2e3312}.app-shell{background:radial-gradient(circle at 78% 2%,#65979724,#0000 26rem),#edf1f0;min-height:100vh}.glass{background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffffd1}button{cursor:pointer}.sidebar{z-index:30;color:#dbe7e7;background:linear-gradient(#1e3b43 0%,#183038 100%);flex-direction:column;width:250px;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:14px 0 40px #152c321a}.brand{align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;display:grid}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{letter-spacing:-.2px;color:#fff;font:700 16px Manrope,sans-serif}.brand small{letter-spacing:.6px;text-transform:uppercase;color:#98b3b8;margin-top:4px;font-size:8px}.sidebar nav{margin-top:48px}.nav-label{letter-spacing:1.3px;text-transform:uppercase;color:#79989f;margin:0 13px 12px;font-size:10px;font-weight:700}.sidebar nav a,.logout{text-align:left;color:#a9c0c4;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:11px 13px;font-size:14px;text-decoration:none;transition:all .16s;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1a}.sidebar nav a.active{box-shadow:inset 3px 0 #6ea1aa}.sidebar-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:18px}.user-mini{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:4px 6px 14px;display:grid}.user-mini>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.user-mini strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.user-mini small{color:#8da9ae;margin-top:3px;font-size:10px}.avatar{color:#244b55;background:#c8dcda;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.avatar.small{width:30px;height:30px}.logout{color:#8fa9ae;margin:2px 0 0}.logout:hover{color:#fff;background:#ffffff12}.powered-by{justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:opacity .16s;display:flex}.powered-by:hover{opacity:.82}.powered-by>span:first-child{letter-spacing:.25px;color:#829094;font-size:8px}.powered-by strong{color:#536267;font-size:9px;font-weight:700}.powered-logo{background:#fff;border-radius:5px;place-items:center;width:25px;height:18px;padding:2px;display:grid;overflow:hidden}.powered-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-powered{border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}.sidebar-powered>span:first-child{color:#76949a}.sidebar-powered strong{color:#a8c0c4}.mobile-close,.menu-button,.floating-menu,.sidebar-scrim{display:none}.main-content{min-height:100vh;margin-left:250px;padding:36px clamp(28px,4vw,62px) 60px}.page-header{justify-content:space-between;align-items:center;gap:20px;min-height:58px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.8px;color:var(--ink);margin:0 0 4px;font:700 clamp(25px,2.4vw,31px) Manrope,sans-serif}.page-header p{color:var(--muted);margin:0;font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:600;transition:all .17s;display:inline-flex}.button.primary{color:#fff;background:var(--teal);box-shadow:0 7px 16px #2f63702e}.button.primary:hover{background:var(--teal-deep);transform:translateY(-1px)}.button.secondary{color:#415258;border-color:var(--line);background:#f6f8f7}.button:disabled{cursor:wait;opacity:.62;transform:none}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{border-radius:14px;align-items:center;gap:14px;min-width:0;padding:19px;display:flex}.stat-icon{border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.stat-icon.blue{color:#356e7f;background:#dcebed}.stat-icon.green{color:#537257;background:#e3ece1}.stat-icon.amber{color:#9a6838;background:#f3e8d7}.stat-icon.slate{color:#59666d;background:#e5e9ea}.stat-card>div:last-child{grid-template-columns:auto 1fr;align-items:baseline;column-gap:7px;min-width:0;display:grid}.stat-card p{text-transform:uppercase;letter-spacing:.65px;color:#6d797d;grid-column:1/-1;margin:0 0 4px;font-size:11px;font-weight:600}.stat-card strong{color:#24343a;font:700 25px Manrope,sans-serif}.stat-card small{color:#8b9699;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-top:18px;display:grid}.panel{border-radius:15px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.resource-card h2{letter-spacing:-.25px;margin:0 0 4px;font:700 16px Manrope,sans-serif}.panel-heading p{color:var(--muted);margin:0;font-size:11px}.text-button{color:var(--teal);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.booking-list{flex-direction:column;display:flex}.booking-row{border-top:1px solid var(--line);align-items:center;gap:11px;min-width:0;min-height:64px;padding:10px 0;display:flex}.booking-row:first-child{border-top:0}.date-block{background:#f1f4f3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:37px;height:42px;line-height:1;display:flex}.date-block strong{font:700 15px Manrope,sans-serif}.date-block small{text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:9px}.category-dot{border-radius:50%;flex:none;width:6px;height:6px}.booking-main{flex-direction:column;flex:1;min-width:0;display:flex}.booking-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.booking-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.status{border-radius:20px;flex:none;padding:5px 8px;font-size:9px;font-weight:700}.status.confirmed{color:#496a50;background:#e3eee3}.status.pending{color:#91612f;background:#f5eadb}.status.cancelled,.status.rejected{color:#84666a;background:#eee5e6}.quick-action{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 0;display:grid}.quick-action>span{width:34px;height:34px;color:var(--teal);background:#e5eeed;border-radius:9px;place-items:center;display:grid}.quick-action div{flex-direction:column;min-width:0;display:flex}.quick-action strong{font-size:11px;font-weight:600}.quick-action small{color:var(--muted);margin-top:3px;font-size:9px}.quick-action>svg{color:#9ba5a8;transition:transform .16s}.quick-action:hover>svg{color:var(--teal);transform:translate(3px)}.empty-state{color:#839094;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.empty-state strong{color:#536166;margin-top:10px;font-size:13px}.empty-state p{margin:4px 0 0;font-size:11px}.toolbar{border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:56px;margin-bottom:14px;padding:8px 14px;display:grid}.toolbar>strong{text-align:center;font:700 13px Manrope,sans-serif}.week-controls{align-items:center;display:flex}.week-controls button{border:1px solid var(--line);background:#ffffff80;place-items:center;min-width:31px;height:31px;display:grid}.week-controls button:first-child{border-radius:7px 0 0 7px}.week-controls button:last-child{border-radius:0 7px 7px 0}.week-controls .today{border-inline:0;width:auto;padding:0 11px;font-size:10px;font-weight:600}.legend{color:var(--muted);justify-content:flex-end;gap:13px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.confirmed-dot{background:#57846a}.pending-dot{background:#ba7f3c}.planning-category-filter{border:1px solid var(--line);color:#728084;background:#ffffff94;border-radius:7px;justify-self:end;align-items:center;gap:7px;padding:0 8px;display:flex}.planning-category-filter select{color:#415157;background:0 0;border:0;outline:0;max-width:180px;height:31px;font-size:10px}.planning-summary{justify-content:space-between;align-items:center;margin:0 4px 9px;display:flex}.planning-summary>span{color:var(--muted);font-size:9px}.week-grid{border-radius:15px;grid-template-columns:repeat(7,minmax(110px,1fr));display:grid;overflow-x:auto}.day-column{border-left:1px solid var(--line);min-height:500px}.day-column:first-child{border-left:0}.day-column>header{border-bottom:1px solid var(--line);text-transform:capitalize;flex-direction:column;justify-content:center;align-items:center;height:66px;display:flex}.day-column>header span{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:9px;font-weight:600}.day-column>header strong{margin-top:4px;font:700 17px Manrope,sans-serif}.today-column>header strong{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:29px;height:29px;margin-top:2px;display:grid}.day-content{flex-direction:column;gap:7px;min-height:430px;padding:10px 7px;display:flex}.calendar-event{text-align:left;background:color-mix(in srgb, var(--event-color) 13%, white);border:0;border-radius:8px;flex-direction:column;gap:3px;width:100%;padding:9px 8px 9px 11px;display:flex;position:relative;overflow:hidden}.calendar-event:before{content:"";background:var(--event-color);width:3px;position:absolute;inset:0 auto 0 0}.calendar-event.pending{border:1px dashed color-mix(in srgb, var(--event-color) 45%, transparent)}.calendar-event.cancelled,.calendar-event.rejected{opacity:.45}.calendar-event small{color:color-mix(in srgb, var(--event-color) 75%, #222);font-size:9px;font-weight:700}.calendar-event strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.calendar-event span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.free-day{color:#a1aaad;margin:auto;font-size:9px}.filters{border-radius:10px;gap:4px;width:fit-content;margin-bottom:14px;padding:5px;display:flex}.filters button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:10px}.filters button.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #1d2e3314}.full-panel{min-height:300px}.row-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);color:#627075;background:#ffffffb3;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button.approve{color:#4d7355;background:#e8f0e7;border-color:#d7e6d7}.icon-button.danger{color:#8d565e;background:#f5e9eb;border-color:#ebd7da}.resource-tools{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:11px 14px;display:flex}.resource-tools>span{color:var(--muted);font-size:10px}.search{color:#879397;align-items:center;gap:9px;min-width:280px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:4px 0;font-size:11px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.resource-card{border-radius:14px;padding:20px}.resource-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.resource-icon{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.resource-icon svg{width:19px}.available{color:#637167;align-items:center;gap:6px;font-size:9px;display:inline-flex}.available i{background:#63a270;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e6f0e7}.resource-card>p{min-height:36px;color:var(--muted);margin:0 0 17px;font-size:10px;line-height:1.6}.resource-card dl{border-top:1px solid var(--line);margin:0}.resource-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:8px 0;font-size:9px;display:flex}.resource-card dt{color:var(--muted)}.resource-card dd{text-align:right;margin:0;font-weight:600}.approval-note{color:#866033;align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex}.table-panel{padding:10px 22px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:13px 10px;font-size:9px}td{border-top:1px solid var(--line);color:#526166;padding:12px 10px}.table-user{color:var(--ink);align-items:center;gap:10px;display:flex}.role-pill{background:#e9edec;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.role-pill.admin{color:#775d31;background:#f1eadb}.role-pill.manager{color:#315f6b;background:#e0ebec}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14252a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f8faf9f5;border-radius:17px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;box-shadow:0 30px 80px #10242a42}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);margin:0 0 6px;font-size:9px;font-weight:700}.modal-header h2{letter-spacing:-.4px;margin:0;font:700 21px Manrope,sans-serif}.modal form,.login-form{flex-direction:column;gap:15px;display:flex}.modal label,.login-form label{color:#4c5b60;flex-direction:column;gap:7px;font-size:10px;font-weight:600;display:flex}.modal input,.modal select,.modal textarea,.login-form input{width:100%;color:var(--ink);background:#ffffffdb;border:1px solid #dbe2e1;border-radius:8px;outline:0;padding:11px 12px;font-size:11px;transition:border .15s,box-shadow .15s}.modal input:focus,.modal select:focus,.modal textarea:focus,.login-form input:focus{border-color:#78a0a8;box-shadow:0 0 0 3px #467d891a}.modal textarea{resize:vertical}.checkbox-label{cursor:pointer;grid-template-columns:auto 1fr;justify-content:flex-start;align-items:center;width:fit-content;display:grid!important}.checkbox-label input{width:15px;height:15px;accent-color:var(--teal);margin:0}.color-fieldset{border:0;margin:0;padding:0}.color-fieldset legend{color:#4c5b60;margin-bottom:9px;font-size:10px;font-weight:600}.color-options{gap:9px;display:flex}.color-options button{background:var(--choice-color);border:3px solid #fff;border-radius:50%;outline:1px solid #0000;width:28px;height:28px;padding:0;box-shadow:0 1px 4px #14282d24}.color-options button.selected{outline-color:var(--choice-color)}.existing-categories{background:#edf1f0;border-radius:8px;padding:12px}.existing-categories>span{text-transform:uppercase;letter-spacing:.5px;color:#778488;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.existing-categories>div{flex-wrap:wrap;gap:6px;display:flex}.existing-categories small{color:#536166;background:#fff;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;display:flex}.existing-categories i{border-radius:50%;width:6px;height:6px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.label-hint{color:#94a0a3;margin-left:4px;font-weight:400}.info-box{color:#76582f;background:#f4eadb;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;font-size:10px;display:flex}.form-error{color:#8d404a;background:#f6e7e9;border-radius:8px;padding:10px 12px;font-size:10px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:4px;padding-top:17px;display:flex}.login-page{background:#203d44;place-items:center;min-height:100vh;padding:35px 20px 70px;display:grid;position:relative;overflow:hidden}.login-atmosphere{background:linear-gradient(125deg,#203d44,#29474d);position:absolute;inset:0}.login-atmosphere:after{content:"";background:radial-gradient(circle at 50% 46%,#0000,#0a1b2038);position:absolute;inset:0}.login-card{z-index:1;background:#f4f6f5;border:1px solid #d8e0de;border-radius:8px;width:min(410px,100%);padding:38px;position:relative;box-shadow:0 18px 50px #0d23293d}.brand-login{padding:0}.brand-login .brand-mark{color:var(--teal);background:0 0;border-color:#b8c8c9}.brand-login strong{color:var(--ink)}.brand-login small{color:#74878b}.login-heading{border-top:1px solid #dce2e1;margin:42px 0 25px;padding-top:25px}.login-heading h1{letter-spacing:-.4px;margin:0 0 9px;font:700 24px Manrope,sans-serif}.login-heading>p:last-child{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.login-form{gap:14px}.login-button{width:100%;box-shadow:none;border-radius:5px;margin-top:5px}.login-help{border-top:1px solid var(--line);text-align:center;color:#899598;margin:22px 0 0;padding-top:18px;font-size:9px}.login-powered{margin-top:15px}.login-footer{z-index:1;letter-spacing:.3px;color:#ffffffad;margin:0;font-size:9px;position:absolute;bottom:22px}.app-loader{background:#edf1f0;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;display:flex}.app-loader p{color:var(--muted);margin:0;font-size:11px}.toast{z-index:100;color:#fff;background:#254f59;border-radius:10px;align-items:center;gap:9px;max-width:360px;padding:12px 15px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #122b3240}@media (width<=1100px){.stat-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.quick-panel{order:-1}}@media (width<=760px){.sidebar{transition:transform .22s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-close{color:#a9c0c4;background:0 0;border:0;place-items:center;padding:7px;display:grid;position:absolute;top:18px;right:13px}.sidebar-scrim{z-index:20;background:#16262b6b;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:77px 17px 45px}.floating-menu{width:39px;height:39px;color:var(--teal);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fffc;border-radius:10px;place-items:center;display:grid;position:absolute;top:24px;left:17px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:22px}.page-header .button{width:100%}.header-actions{flex-direction:column-reverse;width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:10px;padding:14px 12px}.stat-icon{width:36px;height:36px}.stat-card small{display:none}.panel{padding:17px}.booking-row{gap:8px}.category-dot{display:none}.status{padding:4px 6px;font-size:8px}.toolbar{grid-template-columns:1fr auto}.toolbar>strong{text-align:right}.planning-category-filter{grid-column:1/-1;justify-self:stretch;width:100%}.planning-category-filter select{width:100%;max-width:none}.planning-summary .legend{display:none}.week-grid{grid-template-columns:repeat(7,128px)}.resource-grid{grid-template-columns:1fr}.resource-tools{flex-direction:column;align-items:stretch}.search{min-width:0}.form-row{grid-template-columns:1fr}.login-card{padding:28px 23px}.table-panel{padding:8px}td,th{min-width:115px}}@media (width<=420px){.stat-grid{grid-template-columns:1fr}.stat-card small{display:block}.date-block{display:none}.booking-row .status{text-align:center;max-width:63px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}