:root{--ink: #14171f;--ink-2: #3a4150;--ink-3: #5c6577;--ink-4: #8a93a6;--surface: #ffffff;--surface-2: #f6f7fb;--surface-3: #eef0f6;--surface-sunken: #f1f3f8;--line: #e4e7ef;--line-2: #d7dbe6;--line-strong: #c5cbd9;--indigo: #4f46e5;--indigo-600: #4338ca;--indigo-tint: #eef0fe;--indigo-ring: rgb(79 70 229 / 22%);--sky: #4867af;--peach: #c4a995;--shadow-xs: 0 1px 2px rgb(20 26 48 / 8%);--shadow-sm: 0 2px 6px rgb(20 26 48 / 8%), 0 1px 2px rgb(20 26 48 / 6%);--shadow-md: 0 8px 24px rgb(20 26 48 / 12%), 0 2px 6px rgb(20 26 48 / 8%);--shadow-lg: 0 20px 50px rgb(20 26 48 / 18%), 0 6px 16px rgb(20 26 48 / 10%);--shadow-pop: 0 28px 70px rgb(20 26 48 / 24%);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-pill: 9999px;color:var(--ink);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px;position:relative;color:var(--ink);background:linear-gradient(180deg,#4867af,#6c83b4 26%,#9aa6b4 50%,#c0ab98 78%,#cbb29c) fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 8%,rgb(110 102 240 / 38%),transparent 62%)}#root{position:relative;z-index:1}button,input,select,textarea{font:inherit}main{margin:0 auto;max-width:1240px;padding:40px 24px 80px}button{align-items:center;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);box-shadow:var(--shadow-xs);color:var(--ink-2);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;min-height:42px;padding:0 1.15rem;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .1s ease,box-shadow .16s ease,opacity .16s ease}button:hover{background:var(--surface-2);border-color:var(--line-strong);box-shadow:var(--shadow-sm);color:var(--ink);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}button.submit,button.primary{background:var(--indigo);border-color:transparent;box-shadow:0 8px 20px #4f46e552;color:#fff}button.submit:hover,button.primary:hover{background:var(--indigo-600);box-shadow:0 12px 26px #4f46e561}button.secondary{background:var(--ink);border-color:transparent;color:#fff;box-shadow:0 8px 18px #14171f42}button.secondary:hover{background:#000;color:#fff}button.ghost{background:transparent;border-color:var(--line);box-shadow:none;color:var(--ink-3)}button.ghost:hover{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}button.ghost.danger{font-size:.82rem;min-height:36px;padding:0 .85rem}button.ghost.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.icon-button{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);box-shadow:var(--shadow-xs);color:var(--ink-2);font-size:1.3rem;height:42px;line-height:1;padding:0;width:42px}.app-header{align-items:center;display:grid;gap:28px;grid-template-columns:1fr auto;margin-bottom:28px}.brand{align-items:center;display:flex;gap:18px}.brand-mark{align-items:center;background:linear-gradient(140deg,#fffffff2,#fffc);border:1px solid rgb(255 255 255 / 70%);border-radius:18px;box-shadow:0 10px 26px #141a3038;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.brand-mark img{height:72%;object-fit:contain;width:72%}.eyebrow{color:#ffffffe0;font-size:.72rem;font-weight:600;letter-spacing:.16em;margin:0;text-transform:uppercase}.app-header h1{color:#fff;font-family:Geist,DM Sans,sans-serif;font-size:clamp(2.1rem,4vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:8px 0;text-shadow:0 2px 18px rgb(20 26 48 / 28%)}.subtitle{color:#ffffffe5;font-size:.98rem;font-weight:400;line-height:1.5;margin:0;max-width:54ch;text-shadow:0 1px 10px rgb(20 26 48 / 20%)}.header-summary{display:grid;gap:12px;grid-auto-flow:column}.header-summary article{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);display:grid;gap:2px 14px;grid-template-columns:auto 1fr;min-width:210px;padding:16px 18px;position:relative;overflow:hidden}.header-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent, var(--indigo))}.avatar{align-items:center;background:color-mix(in srgb,var(--accent, var(--indigo)) 14%,white);border-radius:12px;color:var(--accent, var(--ink));display:inline-flex;font-size:1.02rem;font-weight:700;grid-row:span 3;height:40px;justify-content:center;width:40px}.avatar.small{border-radius:8px;font-size:.74rem;grid-row:auto;height:24px;width:24px}.header-summary strong{align-self:end;color:var(--ink);font-size:1rem;font-weight:700}.header-summary small{align-self:start;color:var(--ink-3);font-size:.8rem}.header-metric{align-items:baseline;display:flex;gap:6px;grid-column:2;margin-top:4px}.header-metric b{color:var(--accent, var(--ink));font-size:1.05rem;font-weight:700}.header-metric span{color:var(--ink-3);font-size:.76rem}.calendar-shell,.composer-card,.settings-card,.requests-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.calendar-shell{overflow:hidden}.calendar-toolbar{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.month-nav,.month-picker,.legend,.actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.month-nav h2{color:var(--ink);font-family:Geist,DM Sans,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin:0 0 0 6px;text-transform:capitalize}label{color:var(--ink-3);display:grid;font-size:.8rem;font-weight:600;gap:7px}input,select{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink);min-height:44px;padding:0 .85rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder{color:var(--ink-4)}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{border-color:var(--indigo);box-shadow:0 0 0 4px var(--indigo-ring);outline:none}button:focus-visible,.calendar-cell:focus-visible,.segment:focus-visible,.type-chip:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.month-picker input[type=number]{width:88px}.month-picker select{text-transform:capitalize}.calendar-weekdays{background:var(--surface);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{color:var(--ink-3);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:12px 10px;text-align:center;text-transform:uppercase}.calendar-weekdays span:nth-child(7){color:#c2410c}.google-calendar{background:var(--line);display:grid;gap:1px;grid-auto-rows:minmax(146px,1fr);grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-cell{background:var(--surface);border:0;border-radius:0;box-shadow:none;color:var(--ink);cursor:pointer;display:grid;gap:8px;grid-template-rows:auto 1fr;min-height:146px;padding:10px 10px 12px;position:relative;text-align:left;transition:background .14s ease,box-shadow .14s ease}.calendar-cell:hover{background:var(--indigo-tint);box-shadow:inset 0 0 0 2px var(--indigo)}.calendar-cell.closed{background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 10px,var(--surface-3) 10px,var(--surface-3) 20px)}.calendar-cell.closed:hover{box-shadow:inset 0 0 0 2px var(--line-strong)}.calendar-cell.blank{background:var(--surface-2);cursor:default;pointer-events:none}.calendar-cell.today{background:#fbfaff;box-shadow:inset 0 0 0 2px var(--indigo)}.cell-head{align-items:center;display:flex;gap:6px;justify-content:space-between}.date-number{align-items:center;border-radius:var(--r-pill);color:var(--ink-2);display:inline-flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 7px}.calendar-cell.today .date-number{background:var(--indigo);color:#fff}.cell-weekday{display:none;color:var(--ink-3);font-size:.82rem;font-weight:700;text-transform:capitalize}.closed-tag{background:var(--surface-3);border-radius:var(--r-pill);color:var(--ink-3);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;text-transform:uppercase}.cell-events{display:grid;gap:5px;align-content:start}.event-chip{align-items:center;background:var(--chip-soft, var(--indigo-tint));border-left:3px solid var(--chip-accent, var(--indigo));border-radius:8px;display:grid;gap:7px;grid-template-columns:auto 1fr;min-width:0;padding:6px 8px}.event-chip.muted{background:var(--surface-2);border-left-color:var(--line-strong);opacity:.75}.chip-icon{font-size:.85rem;line-height:1}img.chip-icon{height:16px;width:14px;object-fit:contain;display:block}.chip-body{display:grid;gap:0;min-width:0}.chip-body b,.chip-body em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-body b{color:var(--ink);font-size:.76rem;font-style:normal;font-weight:700}.chip-body em{color:var(--ink-3);font-size:.72rem;font-style:normal;font-weight:500}.cell-hint{align-items:center;background:var(--indigo);border-radius:var(--r-pill);bottom:9px;color:#fff;display:flex;font-size:1.05rem;font-weight:500;height:22px;justify-content:center;line-height:1;opacity:0;position:absolute;right:9px;transform:scale(.7);transition:opacity .14s ease,transform .14s ease;width:22px}.calendar-cell:hover .cell-hint{opacity:1;transform:scale(1)}.side-grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);margin-top:20px}.composer-card,.settings-card,.requests-panel{padding:24px}.composer-card.active{border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo),var(--shadow-lg)}.section-title{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.section-title.compact h2,.settings-card h2{color:var(--ink);font-family:Geist,DM Sans,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:2px 0 0}.settings-card h2{margin-bottom:18px}.section-title .eyebrow{color:var(--ink-4)}.request-form{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1 / -1}.field{display:grid;gap:9px}.field-label{color:var(--ink-3);font-size:.8rem;font-weight:600}.segmented{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-pill);display:grid;gap:4px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px}.segment{background:transparent;border:1px solid transparent;border-radius:var(--r-pill);box-shadow:none;color:var(--ink-3);font-weight:600;min-height:40px;padding:0 .7rem}.segment:hover{background:#fff9;border-color:transparent;box-shadow:none;color:var(--ink);transform:none}.segment.active{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm);color:var(--ink)}.segment.active .avatar.small{background:color-mix(in srgb,var(--accent, var(--indigo)) 16%,white);color:var(--accent)}.type-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.type-chip{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:none;color:var(--ink-2);font-size:.88rem;font-weight:600;justify-content:flex-start;min-height:44px;padding:0 .9rem}.type-chip span{font-size:1rem;line-height:1}.type-chip:hover{background:var(--surface-2);border-color:var(--line-strong);box-shadow:none;color:var(--ink);transform:none}.type-chip.active{background:color-mix(in srgb,var(--accent, var(--indigo)) 12%,white);border-color:var(--accent, var(--indigo));box-shadow:0 0 0 1px var(--accent, var(--indigo));color:color-mix(in srgb,var(--accent, var(--indigo)) 72%,black)}.submit{margin-top:2px;min-height:48px;font-size:.96rem}.employee-list,.request-list{display:grid;gap:12px}.employee-row{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);display:grid;gap:14px;grid-template-columns:1.3fr .5fr .7fr;padding:18px}.employee-row>input{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink);font-size:1rem;font-weight:700;letter-spacing:-.01em;min-height:42px}.employee-row input[type=color]{cursor:pointer;min-height:44px;padding:4px}.metric-line{color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:600;gap:8px;grid-column:1 / -1}.metric-line span{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);padding:6px 12px}.hint{background:var(--indigo-tint);border:1px solid color-mix(in srgb,var(--indigo) 18%,white);border-radius:var(--r-md);color:var(--indigo-600);font-size:.84rem;font-weight:500;line-height:1.5;margin:18px 0 0;padding:13px 15px}.empty{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r-md);color:var(--ink-3);margin:0;padding:24px;text-align:center}.requests-panel{margin-top:20px}.legend{gap:8px}.legend span{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);display:inline-flex;font-size:.8rem;font-weight:600;gap:7px;padding:6px 12px}.legend i{border-radius:var(--r-pill);height:9px;width:9px}.request-list article{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-xs);display:grid;gap:14px;grid-template-columns:auto auto 1fr auto auto;padding:12px 14px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.request-list article:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pill{align-items:center;background:color-mix(in srgb,var(--pill-color, var(--indigo)) 12%,white);border:1px solid color-mix(in srgb,var(--pill-color, var(--indigo)) 34%,white);border-radius:var(--r-pill);color:color-mix(in srgb,var(--pill-color, var(--indigo)) 70%,black);display:inline-flex;font-size:.74rem;font-weight:700;gap:6px;padding:.4rem .72rem;white-space:nowrap}.request-list strong{align-items:center;color:var(--ink);display:inline-flex;font-weight:700;gap:8px}.dot{border-radius:var(--r-pill);display:inline-block;height:10px;width:10px}.range{color:var(--ink-2);font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:500}.request-list em{color:var(--ink-3);font-size:.86rem;font-style:normal}.request-list em.muted{color:var(--ink-4)}@media(max-width:1180px){.app-header,.side-grid{grid-template-columns:1fr}.header-summary{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.header-summary article{min-width:0}}@media(max-width:920px){main{padding:32px 18px 64px}.calendar-toolbar{align-items:stretch;flex-direction:column}.month-nav{justify-content:space-between}.month-nav h2{margin-left:auto}.month-picker{justify-content:space-between}.month-picker select{flex:1 1 auto}}@media(max-width:720px){main{padding:22px 12px 56px}.app-header{gap:18px;margin-bottom:22px}.brand{gap:14px}.brand-mark{height:52px;width:52px}.app-header h1{font-size:clamp(1.7rem,8vw,2.2rem);margin:6px 0}.subtitle{font-size:.92rem}.header-summary,.request-form,.type-grid,.employee-row{grid-template-columns:1fr}.header-summary article{border-radius:var(--r-md)}.calendar-toolbar{padding:14px;gap:12px}.month-nav h2{font-size:1.2rem}.month-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.month-picker input[type=number],.month-picker button{width:100%}.calendar-weekdays{display:none}.google-calendar{background:transparent;display:flex;flex-direction:column;gap:10px;grid-auto-rows:auto;padding:14px}.calendar-cell{border:1px solid var(--line);border-radius:var(--r-md);grid-template-rows:auto auto;min-height:0;padding:14px}.calendar-cell.blank{display:none}.calendar-cell:hover{box-shadow:inset 0 0 0 1px var(--indigo)}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--indigo)}.cell-head{gap:10px;justify-content:flex-start}.cell-weekday{display:inline;margin-right:auto}.cell-events{gap:8px;grid-template-columns:1fr 1fr;display:grid}.event-chip{padding:9px 10px}.chip-body b{font-size:.82rem}.chip-body em{font-size:.78rem}img.chip-icon{height:18px;width:16px}.cell-hint{display:none}.composer-card,.settings-card,.requests-panel{padding:18px}.section-title{align-items:flex-start;flex-direction:column;gap:10px}.legend{gap:6px}.request-list article{gap:8px 10px;grid-template-columns:1fr auto;padding:14px}.request-list .pill{grid-column:1;grid-row:1}.request-list strong{grid-column:2;grid-row:1;justify-self:end}.request-list .range{grid-column:1 / -1;grid-row:2}.request-list em{grid-column:1 / -1;grid-row:3}.request-list button.ghost.danger{grid-column:1 / -1;grid-row:4;justify-self:stretch;margin-top:4px;min-height:42px}}@media(max-width:460px){.cell-events,.header-summary{grid-template-columns:1fr}.month-nav{flex-wrap:wrap}.month-nav .ghost{order:3}}@media(hover:none){button:hover{transform:none}.calendar-cell:hover{background:var(--surface);box-shadow:none}.calendar-cell.today:hover{background:#fbfaff}}