:root{--background:#000000;--foreground:#ffffff;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}@media (prefers-color-scheme:light){:root{--background:#000000;--foreground:#ffffff}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem;font-weight:700}h3{font-size:1.875rem}h3,h4{font-weight:600}h4{font-size:1.5rem}h5{font-size:1.25rem}h5,h6{font-weight:500}h6{font-size:1rem}div,p,span{font-family:var(--font-body);font-weight:400;line-height:1.6}code,kbd,pre,samp{font-family:var(--font-mono)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.react-beautiful-dnd-dragging{box-shadow:0 8px 32px rgba(0,0,0,.15)!important}:root{--bg:#000000;--bg-gradient:linear-gradient(135deg,#0f172a,#000000);--card-bg:#0a0a0a;--border:#1e293b;--muted:#94a3b8;--primary:#3b82f6;--primary-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--accent:#0ea5e9;--success:#10b981;--danger:#ef4444;--chip-bg:rgba(59,130,246,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.3)}body,html{background:var(--bg);background-image:var(--bg-gradient);min-height:100vh}.navbar-appbar{background:linear-gradient(90deg,#000000,#0f172a)!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-toolbar{display:flex;gap:12px}.navbar-title{font-weight:800!important;letter-spacing:-.025em;flex:1 1 auto}.navbar-links{display:flex;gap:8px}.navbar-link{color:#fff!important;text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:6px 16px!important;transition:all .2s ease!important}.navbar-link:hover{background:rgba(255,255,255,.1)!important}.calendar-container{padding:16px;display:flex;flex-direction:column;height:calc(100dvh - 64px);max-height:100%;background:transparent;overflow:hidden}.calendar-header{margin-bottom:20px;background:rgba(10,10,10,.9);padding:20px 28px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px rgba(59,130,246,.1);border:1px solid var(--border);align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;transition:box-shadow .3s ease}.calendar-header:hover{box-shadow:0 6px 24px rgba(0,0,0,.5),0 0 0 1px rgba(59,130,246,.15)}.calendar-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.6;box-shadow:0 0 8px rgba(59,130,246,.4)}.calendar-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);opacity:.5}.calendar-header-left{display:flex;align-items:center;gap:20px;flex:1 1;min-width:0;flex-wrap:wrap}.calendar-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.calendar-nav-group{display:flex;align-items:center;gap:8px;background:rgba(15,23,42,.5);padding:4px;border-radius:12px;border:1px solid rgba(30,41,59,.5)}.calendar-nav-button{color:#cbd5e1!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;padding:8px!important;border-radius:8px!important}.calendar-nav-button:hover{color:#ffffff!important;background:rgba(59,130,246,.2)!important;transform:scale(1.05);box-shadow:0 0 12px rgba(59,130,246,.3)!important}.calendar-nav-button:active{transform:scale(.95)}.calendar-nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.calendar-month-button{text-transform:none!important;font-weight:600!important;font-size:.875rem!important;color:#cbd5e1!important;border-color:rgba(59,130,246,.3)!important;background:rgba(15,23,42,.6)!important;padding:8px 16px!important;border-radius:10px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;min-width:120px!important;position:relative;overflow:hidden}.calendar-month-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s ease}.calendar-month-button:hover:before{left:100%}.calendar-month-button:hover{color:#ffffff!important;border-color:rgba(59,130,246,.6)!important;background:rgba(59,130,246,.15)!important;box-shadow:0 0 16px rgba(59,130,246,.2)!important;transform:translateY(-1px)}.calendar-icon{filter:drop-shadow(0 0 4px rgba(59,130,246,.5));transition:transform .25s ease}.calendar-month-button:hover .calendar-icon{transform:scale(1.1) rotate(5deg)}.calendar-add-button{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#ffffff!important;font-weight:600!important;text-transform:none!important;font-size:.875rem!important;padding:10px 24px!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(59,130,246,.4),0 0 0 1px rgba(59,130,246,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.calendar-add-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.calendar-add-button:hover:before{opacity:1}.calendar-add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 24px rgba(59,130,246,.5),0 0 0 1px rgba(59,130,246,.3)!important;transform:translateY(-2px)}.calendar-add-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.4)!important}.calendar-add-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.calendar-month-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.calendar-month-title:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.calendar-month-title{font-weight:800!important;color:#ffffff;letter-spacing:-.03em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-size:1.5rem!important;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar-month-title:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.calendar-month-title:hover{transform:scale(1.03);filter:brightness(1.15)}.calendar-month-title:hover:after{width:100%}.calendar-paper{padding:20px;background:rgba(10,10,10,.8);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(59,130,246,.1);height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.calendar-paper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 50%);pointer-events:none;border-radius:20px}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:12px;gap:12px;margin-bottom:16px;min-height:32px;border-bottom:1px solid rgba(30,41,59,.5);padding:0 8px 16px;position:relative}.weekday-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.weekday-label{text-align:center;padding:8px 0;font-weight:700;color:#cbd5e1;letter-spacing:.08em;font-size:12px;text-transform:uppercase;position:relative}.weekday-label:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.6}.month-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;overflow:visible;grid-auto-rows:1fr;padding:4px;z-index:1}.day-cell,.month-grid{min-height:0;height:100%;position:relative}.day-cell{border:1px solid var(--border);border-radius:12px;padding:12px 10px;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.3)}.day-cell:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s ease}.day-cell:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(59,130,246,.3),0 2px 8px rgba(0,0,0,.4);transform:translateY(-2px);background:rgba(15,23,42,.9)}.day-cell:hover:before{opacity:1}.day-cell.faded{background:rgba(15,23,42,.3);opacity:.5;border-color:rgba(30,41,59,.5)}.day-cell.faded:hover{background:rgba(15,23,42,.5);opacity:.7}.day-cell.today{background:rgba(59,130,246,.15);border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,.3),0 4px 12px rgba(0,0,0,.3)}.day-cell.today:before{opacity:1;background:var(--primary)}.day-cell.today .day-cell__date{color:#60a5fa;font-weight:800;font-size:16px}.day-cell.today:hover{background:rgba(59,130,246,.25);box-shadow:0 0 0 2px rgba(59,130,246,.5),0 6px 20px rgba(59,130,246,.3)}.day-cell__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0;padding-bottom:6px;border-bottom:1px solid rgba(30,41,59,.3)}.day-cell__date{font-weight:700;color:#e2e8f0;font-size:15px;letter-spacing:-.01em;position:relative;z-index:1}.day-cell.faded .day-cell__date{color:#64748b}.event-list{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-height:0;max-height:100%;padding-right:2px}.event-list::-webkit-scrollbar{width:4px}.event-list::-webkit-scrollbar-track{background:transparent}.event-list::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:4px}.event-list::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.6)}.event-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;min-height:32px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-chip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;opacity:.9;border-radius:0 2px 2px 0}.event-chip[data-type=MEETING]{background:rgba(59,73,171,.2);color:#818cf8;border-color:rgba(99,102,241,.3)}.event-chip[data-type=PERSONAL]{background:rgba(142,36,170,.2);color:#c084fc;border-color:rgba(168,85,247,.3)}.event-chip[data-type=FINANCIAL]{background:rgba(0,137,123,.2);color:#5eead4;border-color:rgba(94,234,212,.3)}.event-chip[data-type=APPOINTMENT]{background:rgba(216,27,96,.2);color:#f472b6;border-color:rgba(244,114,182,.3)}.event-chip[data-type=OTHER]{background:rgba(100,116,139,.2);color:#94a3b8;border-color:rgba(148,163,184,.3)}.event-chip:hover{box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px currentColor;transform:translateY(-2px) scale(1.02);border-color:currentColor;opacity:1}.event-chip__time{font-size:11px;color:inherit;white-space:nowrap;opacity:.85;font-weight:600;letter-spacing:.02em;font-family:SF Mono,Monaco,Cascadia Code,monospace}.event-chip__title{font-size:12px;font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0;letter-spacing:.01em}.event-chip__delete{margin-left:auto;color:inherit!important;opacity:.5;flex-shrink:0;transition:all .2s ease;padding:4px!important;border-radius:4px}.event-chip__delete:hover{opacity:1;background:rgba(255,255,255,.1);transform:scale(1.1)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:24px}.auth-card{padding:40px;min-width:360px;max-width:440px;width:100%;border-radius:24px;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-title{font-weight:800!important;margin-bottom:24px!important;text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-footer{margin-top:24px;text-align:center}.dashboard-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg-gradient);padding:40px 24px}.dashboard-card{padding:40px;border-radius:24px;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgb(0 0 0/.15)}.dashboard-title{font-weight:800!important;margin-bottom:12px!important;color:#1e293b;letter-spacing:-.025em}.dashboard-subtitle{color:var(--muted);margin-bottom:16px!important;font-weight:500!important}.mui-month-input input[type=month]::-webkit-datetime-edit-month-field,.mui-month-input input[type=month]::-webkit-datetime-edit-year-field{padding:0 2px}@media (max-width:1200px){.calendar-container{padding:10px}.calendar-header{padding:10px 14px}.month-grid{gap:6px}.day-cell{padding:6px}}@media (max-width:900px){.calendar-container{height:calc(100dvh - 68px);padding:8px}.calendar-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.calendar-header-left{justify-content:center;order:1;gap:16px}.calendar-header-right{justify-content:center;order:2}.calendar-nav-group{gap:6px;padding:3px}.calendar-month-title{font-size:1.3rem!important}.month-grid{gap:6px;height:100%}.day-cell{height:100%;padding:6px}.event-chip{padding:3px 5px;min-height:22px}.event-chip__time,.event-chip__title{font-size:10px}}@media (max-width:768px){.calendar-container{height:calc(100dvh - 56px);padding:6px}.calendar-header{padding:8px 12px;gap:8px}.calendar-month-title{font-size:1.1rem!important}.calendar-nav-button{padding:6px!important}.calendar-month-button{padding:6px 12px!important;font-size:.8rem!important;min-width:auto!important}.calendar-add-button{padding:8px 16px!important;font-size:.8rem!important}.weekday-label{font-size:10px;padding:4px 0}}@media (max-width:600px){.calendar-container{padding:4px;height:auto;min-height:calc(100dvh - 56px);overflow-y:auto}.calendar-paper{height:auto;min-height:500px;overflow:visible}.month-grid{height:auto;min-height:400px;grid-template-rows:repeat(auto-fill,minmax(80px,1fr))}.day-cell{min-height:80px;padding:4px}.day-cell__header{margin-bottom:4px}.day-cell__date{font-size:12px}.event-chip{padding:2px 4px;min-height:20px;gap:4px}.event-chip__time{display:none}.event-chip__title{font-size:9px}.event-chip__delete{display:none}.dashboard-container{padding:20px 16px}.dashboard-card{padding:24px 16px}.calendar-container{height:calc(100dvh - 56px);padding:4px}.calendar-header{padding:12px 16px}.calendar-header,.calendar-header-left{gap:12px;flex-direction:column;align-items:stretch}.calendar-header-left{order:1}.calendar-header-right{order:2;width:100%}.calendar-nav-group{justify-content:center;width:100%;gap:4px}.calendar-month-title{font-size:1.2rem!important;text-align:center}.calendar-add-button{width:100%!important;padding:12px 24px!important;z-index:5;position:relative}.calendar-month-button{flex:1 1;min-width:0!important}.month-grid{gap:3px;height:100%}.weekday-label{font-size:10px;padding:1px 0}.day-cell{padding:3px;height:100%;border-radius:6px}.day-cell__date{font-size:11px}.event-chip{padding:2px 3px;min-height:16px;border-radius:4px;gap:3px}.event-chip__time,.event-chip__title{font-size:8px}.event-chip__delete{padding:2px}}@media (max-width:400px){.calendar-container{padding:2px}.calendar-header{padding:4px 6px}.calendar-month-title{font-size:.9rem!important}.month-grid{gap:2px}.day-cell{padding:2px;border-radius:4px}.day-cell__date{font-size:10px}.event-chip{padding:1px 2px;min-height:14px;border-radius:3px;gap:2px}.event-chip__time,.event-chip__title{font-size:7px}}@media (max-width:768px){.MuiDialog-root .MuiDialog-paper{margin:8px!important;max-height:calc(100vh - 16px)!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.MuiDialog-root .MuiTextField-root{width:100%!important}.MuiDialog-root .MuiGrid-container{flex-direction:column!important}.MuiDialog-root .MuiDialogContent-root{padding:16px!important}.MuiDialog-root .MuiDialogActions-root{padding:8px 16px!important;flex-direction:column;gap:8px}.MuiDialog-root .MuiButton-root{width:100%}}@media (hover:none) and (pointer:coarse){.day-cell:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.02)}.event-chip:hover{transform:none;box-shadow:none}.calendar-month-title:hover{transform:none}.day-cell{min-height:44px}.event-chip__delete{min-width:32px;min-height:32px}}