@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);html{height:auto;scroll-behavior:smooth}body,html{min-height:100vh;overflow-x:hidden;overflow-y:scroll!important}body{background-color:#f5f6fa;padding:0}#root,body{height:auto!important}#root{min-height:100vh;overflow:visible!important}@media (max-width:768px){.sidebar{height:auto!important;position:relative!important;width:100%!important}.main-content{margin-left:0!important}.sidebar-collapsed{width:60px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}table{border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}table th{font-weight:600}table th,table tr:hover{background-color:#f8f9fa}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:row;font-family:Poppins,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.login:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;display:flex;flex:1 1;justify-content:center;padding:50px 30px;position:relative;z-index:2}.login-container:before{background:radial-gradient(circle at 20% 20%,#667eea08 0,#0000 40%),radial-gradient(circle at 80% 80%,#764ba208 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-box{max-width:420px;z-index:3}.login-box,.login-image{position:relative;width:100%}.login-image{display:block;flex:1 1;height:100%;object-fit:cover;z-index:1}.logo-section{margin-bottom:32px}.login-header{animation:slideDown .8s ease-out;margin-bottom:12px;text-align:center}.welcome-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:0}.sub-text{animation:fadeInUp .8s ease-out .3s both;color:#64748b;display:block;font-size:.95rem;font-weight:400;line-height:1.5;margin:8px 0 32px;text-align:center}.input-group{margin-bottom:24px}.input-field{font-size:.95rem;height:52px}.input-password,.input-username{margin-top:0}.signup-link{animation:fadeInUp .6s ease-out .7s backwards;font-size:.9rem;margin:16px 0 24px;text-align:center}.signup-link span{color:#6b7280}.signup-link-text{color:#667eea!important;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.signup-link-text:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-link-text:hover:after{width:100%}.forgot-password{animation:fadeInUp .6s ease-out 1.1s backwards;color:#667eea;cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin-top:16px;text-align:center;transition:all .3s ease}.forgot-password:hover{color:#5a67d8;text-decoration:underline}.login-button{animation:fadeInUp .6s ease-out .8s backwards;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;height:52px;letter-spacing:.5px;margin:24px 0 20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button:disabled:before{display:none}.divider{align-items:center;animation:fadeInUp .6s ease-out .9s backwards;display:flex;margin:24px 0}.divider .line{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);flex:1 1;height:1px}.divider-text{background:#0000;color:#6b7280;font-size:.85rem;font-weight:500;margin:0 16px;padding:0}.social-login{animation:fadeInUp .6s ease-out 1s backwards;display:flex;flex-direction:column;gap:12px;margin:20px 0 0}.cognito-login{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#3c4043;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cognito-login:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cognito-login:hover:before{left:100%}.cognito-login:hover{background:#f8f9fa;border-color:#c1c7cd;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.cognito-login span{font-weight:500;letter-spacing:.3px;margin-left:12px}.cognito-icon{flex-shrink:0;height:20px;width:20px}@media (max-width:1200px){.login-container{padding:40px 25px}.login-box{max-width:400px}}@media (max-width:1024px){.login{background:#f8fafc;flex-direction:column}.login-container{background:#fff;flex:none;height:auto;padding:40px 20px;width:100%}.login-image{flex:none;height:300px;order:-1;width:100%}.login-box{max-width:100%}}@media (max-width:768px){.login-container{padding:30px 20px}.welcome-text{font-size:1.8rem}.sub-text{font-size:.9rem}.input-field,.login-button{height:48px}}@media (max-width:480px){.login-container{padding:20px 15px}.welcome-text{font-size:1.6rem}.sub-text{font-size:.85rem}.input-field,.login-button{font-size:.9rem;height:44px}.login-image{height:250px}}.password-input-wrapper{width:100%}.password-input-wrapper .form-input,.password-input-wrapper .input-field,.password-input-wrapper .password-input{padding-right:65px}.password-toggle,.password-toggle-btn{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;min-width:40px;padding:6px 10px;position:absolute;right:16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:10}.password-toggle-btn:hover,.password-toggle:hover{background:#667eea1a;color:#5a67d8;transform:scale(1.02)}.password-toggle-btn:active,.password-toggle:active{background:#667eea26;transform:scale(.98)}.password-toggle-btn:disabled,.password-toggle:disabled{cursor:not-allowed;opacity:.4;transform:none}.password-toggle-btn:disabled:hover,.password-toggle:disabled:hover{background:none;color:#667eea;transform:none}.password-toggle-btn:focus-visible,.password-toggle:focus-visible{background:#667eea1a;outline:2px solid #667eea;outline-offset:2px}@media (max-width:480px){.password-toggle,.password-toggle-btn{font-size:12px;min-width:35px;padding:5px 8px;right:12px}.password-input-wrapper .form-input,.password-input-wrapper .input-field,.password-input-wrapper .password-input{padding-right:55px}}body{color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.signup{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:row;font-family:Poppins,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.signup:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(2deg)}}.signup-container{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;display:flex;flex:1 1;justify-content:center;max-height:100vh;overflow-y:auto;padding:30px;position:relative;z-index:2}.signup-container:before{background:radial-gradient(circle at 20% 20%,#667eea08 0,#0000 40%),radial-gradient(circle at 80% 80%,#764ba208 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-box{margin-top:20px;max-width:420px;z-index:3}.signup-box,.signup-image{position:relative;width:100%}.signup-image{display:block;flex:1 1;height:100%;object-fit:cover;z-index:1}.logo-section{animation:slideDown .8s ease-out;margin-bottom:24px;padding-top:10px;text-align:left}.logo{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin-bottom:12px}.logo-img{background:#0000;border-radius:20px;box-shadow:0 8px 25px #00000026;flex-shrink:0;height:80px;object-fit:cover;transition:transform .3s ease;width:80px}.logo-img:hover{transform:scale(1.05) rotate(2deg)}.logo-text-container{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.logo-text{color:#374151;font-size:32px;font-weight:800;margin:0}.logo-subtitle{color:#64748b;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}.signup-header{animation:slideDown .8s ease-out;margin-bottom:20px;text-align:center}.signup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:0}.signup-subtext{animation:fadeInUp .8s ease-out .3s both;color:#64748b;font-size:.9rem;font-weight:400;line-height:1.5;margin:8px 0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-group{animation:fadeInUp .6s ease-out backwards;margin-bottom:20px;position:relative}.input-group:first-child{animation-delay:.4s}.input-group:nth-child(2){animation-delay:.5s}.input-group:nth-child(3){animation-delay:.6s}.input-group:nth-child(4){animation-delay:.7s}.input-group:nth-child(5){animation-delay:.8s}.input-label{color:#374151;display:block;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.input-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:400;height:48px;outline:none;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-field:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 20px #667eea26;transform:translateY(-1px)}.input-field::placeholder{color:#9ca3af;font-weight:400;transition:color .3s ease}.input-field:focus::placeholder{color:#d1d5db}.password-toggle{font-size:13px;right:16px}.password-error{animation:slideIn .3s ease-out;color:#ef4444;font-size:.85rem;font-weight:500;margin-top:8px}.password-requirements{animation:fadeInUp .3s ease-out;background:linear-gradient(145deg,#f8fafcf2,#f1f5f9e6);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:12px;padding:16px}.password-requirements p{color:#475569;font-size:.85rem;font-weight:600;margin:0 0 8px}.password-requirements ul{grid-gap:6px;display:grid;gap:6px;list-style-type:none;margin:0;padding:0}.password-requirements li{align-items:center;background:#fff9;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 6px;transition:all .3s ease}.password-requirements li.valid{background:#22c55e1a;border-left:3px solid #22c55e;color:#16a34a;font-weight:600}.password-requirements li.valid:before{color:#16a34a;content:"✓";font-weight:700}.password-requirements li.invalid{background:#94a3b81a;border-left:3px solid #cbd5e1;color:#64748b}.password-requirements li.invalid:before{color:#ef4444;content:"✗";font-weight:700}.status-message{animation:slideIn .3s ease-out;border-radius:10px;font-size:.9rem;font-weight:500;margin:16px 0;padding:12px 16px;text-align:center}.status-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;color:#065f46}.status-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.status-message.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.signup-text{animation:fadeInUp .6s ease-out .9s backwards;color:#6b7280;font-size:.9rem;margin:16px 0 20px;text-align:center}.signup-link{color:#667eea!important;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.signup-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-link:hover:after{width:100%}.signup-button{animation:fadeInUp .6s ease-out 1s backwards;margin-top:20px;width:100%}.signup-button .input-field{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:48px;justify-content:center;letter-spacing:.5px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.signup-button .input-field:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.signup-button .input-field:hover:before{left:100%}.signup-button .input-field:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.signup-button .input-field:active{transform:translateY(0)}.signup-button .input-field:disabled{cursor:not-allowed;opacity:.7;transform:none}.signup-button .input-field:disabled:before{display:none}@media (max-width:1200px){.signup-container{padding:40px 25px}.signup-box{max-width:400px}}@media (max-width:1024px){.signup{background:#f8fafc;flex-direction:column}.signup-container{align-items:flex-start;background:#fff;flex:none;height:auto;max-height:none;padding:20px;width:100%}.signup-box{margin-top:10px}.signup-image{flex:none;height:300px;order:-1;width:100%}.signup-box{max-width:100%}}@media (max-width:768px){.signup-container{align-items:flex-start;padding:15px 20px}.signup-box{margin-top:5px}.logo-section{margin-bottom:20px;padding-top:5px}.signup-title{font-size:1.7rem}.signup-subtext{font-size:.85rem}.input-field,.signup-button .input-field{height:44px}}@media (max-width:480px){.signup-container{align-items:flex-start;padding:10px 15px}.signup-box{margin-top:0}.logo-section{margin-bottom:16px;padding-top:0}.signup-title{font-size:1.5rem}.signup-subtext{font-size:.8rem}.input-field,.signup-button .input-field{font-size:.85rem;height:42px}.signup-image{height:250px}.input-group{margin-bottom:16px}.password-requirements{padding:12px}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-box{animation:slideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.forgot-password-header{margin-bottom:30px;text-align:center}.forgot-password-header h1{color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;margin:0 0 10px}.forgot-password-header p{color:#718096;font-size:14px;line-height:1.5;margin:0}.forgot-password-message{animation:slideIn .3s ease-out;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.forgot-password-message.success{background:linear-gradient(135deg,#e6fff4,#d1f7e6);border:1px solid #86efac;box-shadow:0 6px 18px #10b9810f;color:#065f46}.forgot-password-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.password-requirements{background:#fff;border:1px solid #e6eef6;border-radius:10px;box-shadow:0 8px 20px #0f172a0a;margin-bottom:12px;padding:12px}.requirements-header{color:#374151;font-weight:700;margin-bottom:8px}.requirements-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;color:#6b7280;display:flex;font-size:14px}.requirements-list li.valid{color:#065f46}.requirements-list li.invalid{color:#991b1b}.requirements-list li:before{content:"✕";display:inline-block;margin-right:8px;text-align:center;width:18px}.requirements-list li.valid:before{color:#10b981;content:"✓"}.input-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.input-group input{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;font-weight:400;height:48px;outline:none;padding:0 16px;transition:all .3s ease;width:100%}.input-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.input-group input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.input-group input.code-valid{animation:codeValidPulse .4s ease-out;background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;color:#065f46}@keyframes codeValidPulse{0%{box-shadow:0 0 0 4px #10b9811a;transform:scale(1)}50%{box-shadow:0 0 0 8px #10b98133;transform:scale(1.02)}to{box-shadow:0 0 0 4px #10b9811a;transform:scale(1)}}.password-input-container{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:12px;transition:all .2s ease}.password-toggle:hover{background:#667eea1a;color:#5a67d8}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.forgot-password-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;width:100%}.forgot-password-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.forgot-password-btn:active:not(:disabled){transform:translateY(0)}.forgot-password-btn:disabled{box-shadow:0 4px 15px #667eea4d;cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;margin-right:8px}.resend-btn{background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;height:40px;margin-top:10px;transition:all .3s ease;width:100%}.resend-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.forgot-password-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.back-to-login{align-items:center;color:#667eea;display:inline-flex;font-size:14px;font-weight:500;gap:5px;text-decoration:none;transition:all .3s ease}.back-to-login:hover{color:#5a67d8;text-decoration:underline}@media (max-width:480px){.forgot-password-container{padding:15px}.forgot-password-box{padding:30px 20px}.forgot-password-header h1{font-size:24px}.forgot-password-btn,.input-group input{font-size:14px;height:44px}}:root{--bg-color:#fff;--component-bg:#f1f3f4;--hover-bg:#e5e5e5;--border-color:#dadce0;--text-color:#202124;--muted-color:#5f6368;--accent-color:#1a73e8;--accent-hover:#1557b0;--card-color:#fff;--card-bg:#ffffff0d;--scrollbar-track:#f1f3f4;--scrollbar-thumb:#dadce0;--scrollbar-thumb-hover:#bdc1c6;--shadow:#0000001a;--shadow-hover:#00000026;--danger-color:#dc3545;--danger-hover:#c82333}[data-theme=dark]{--bg-color:#1a1a1a;--component-bg:#2d2d2d;--hover-bg:#3a3a3a;--border-color:#404040;--text-color:#e8eaed;--muted-color:#9aa0a6;--accent-color:#4a9eff;--accent-hover:#6bb0ff;--card-color:#2d2d2d;--card-bg:#ffffff0d;--scrollbar-track:#2d2d2d;--scrollbar-thumb:#5f6368;--scrollbar-thumb-hover:#7a8085;--shadow:#0000004d;--shadow-hover:#0006;--danger-color:#f55;--danger-hover:#ff6b6b}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease}body{background-color:#fff;background-color:var(--bg-color);color:#202124;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f3f4;background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:#dadce0;background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6;background:var(--scrollbar-thumb-hover)}.app{display:flex;flex-direction:column;height:100vh}.container{display:flex;gap:16px;height:100%;max-height:100%;padding:0 20px 0 0;width:100%}.main-content{background:#fff;background:var(--bg-color);display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 64px);margin-top:64px;overflow:hidden}.view-mode-bar{padding:12px 20px 0 0}.left-panel{background:#f1f3f4;background:var(--component-bg);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow);display:flex;flex:0 0 30%;flex-direction:column;gap:10px;height:100%;max-width:340px;overflow-y:auto;padding:12px;transition:max-width .25s ease,flex-basis .25s ease,opacity .2s ease}.left-panel.collapsed{flex:0 0;max-width:0;opacity:0;padding:0;pointer-events:none}.right-panel{background:#fff;background:var(--bg-color);border-radius:8px;padding:8px 0}.right-panel,.room-panel-full{flex:1 1;height:100%;min-width:0}.room-panel-full{padding:0 0 8px}.mini-calendar{margin:0;padding:0}.view-mode-switcher{background:#0000;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:0}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#202124;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.view-mode-btn:hover{background:#e5e5e5;background:var(--hover-bg)}.view-mode-btn.active{background:#1a73e8;background:var(--primary-color,#1a73e8);box-shadow:0 2px 6px #1a73e84d;color:#fff}.calendar-container{background:#0000;border:none;border-radius:8px;padding:0}.left-panel .meeting-card,.left-panel .upcoming-meetings{background:#0000;border:none;box-shadow:none}.left-panel .upcoming-meetings{margin-top:12px;padding:0}.left-panel .meeting-card{padding:8px 0}.calendar-header .month-display{color:#202124;color:var(--text-color);font-size:16px;font-weight:600}.calendar-header .nav-button{align-items:center;background:#0000;border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;color:#202124;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.calendar-header .nav-button:hover{background:#e5e5e5;background:var(--hover-bg);border-color:#fff;border-color:var(--bg-color)}.other-schedule,.search-section,.time-insight{border:none;border-radius:8px;box-shadow:0 1px 2px #0003;padding:16px}.other-schedule,.search-button,.search-section,.time-insight{background:#f1f3f4;background:var(--component-bg);color:#202124;color:var(--text-color)}.search-button{align-items:center;border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:24px;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.search-button:hover{background:#e5e5e5;background:var(--hover-bg);border-color:#bdc1c6;border-color:var(--scrollbar-thumb-hover)}.time-table{background:#f1f3f4;background:var(--component-bg);border-radius:8px;color:#202124;padding:16px}.group-section{margin-top:8px;padding:0 4px}.group-title-row{align-items:center;display:flex;gap:8px}.group-visibility-row.master{padding:4px 6px}.group-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.group-title{flex:1 1;font-weight:600}.group-title,.group-toggle-all{color:#202124;color:var(--text-color)}.group-toggle-all{background:#f1f3f4;background:var(--component-bg);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:12px;padding:4px 8px}.group-toggle-all:hover{background:#e5e5e5;background:var(--hover-bg)}.group-add-btn,.group-toggle{background:#0000;border:none;color:#202124;color:var(--text-color);cursor:pointer;font-weight:700;padding:2px 6px}.group-add-btn:hover,.group-toggle:hover{color:#1a73e8;color:var(--accent-color)}.group-list{display:flex;flex-direction:column;gap:8px}.group-empty{color:#5f6368;color:var(--muted-color);font-size:13px;padding:4px 2px}.group-item{background:#0000;border:none;border-radius:8px;box-shadow:none;padding:4px 6px}.group-item.simple{padding:6px 8px}.group-item-row{display:flex;gap:8px;justify-content:space-between}.group-item-info{align-items:center;display:flex;gap:8px}.group-color-dot{border:1px solid #e0e6ef;border-radius:50%;box-shadow:0 0 0 2px #fff;flex-shrink:0;height:14px;width:14px}.group-item-actions{align-items:flex-start;display:flex;position:relative}.group-menu-btn{background:#0000;border:none;color:#202124;color:var(--text-color);cursor:pointer;font-weight:700;padding:2px 6px}.group-menu-btn:hover{color:#1a73e8;color:var(--accent-color)}.group-menu{background:#fff;border:1px solid #e0e6ef;border-radius:8px;box-shadow:0 6px 18px #0000001f;min-width:140px;overflow:hidden;position:absolute;right:0;top:18px;z-index:5}.group-menu-item{color:#202124;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px}.group-menu-item:hover{background:#e5e5e5;background:var(--hover-bg);color:#1a73e8;color:var(--accent-color)}.group-item-name{color:#202124;color:var(--text-color);font-weight:600;margin-bottom:4px}.group-item-desc{color:#5f6368;color:var(--muted-color);font-size:13px;line-height:1.4}.group-visibility-row{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:6px 4px;text-align:left;width:100%}.group-visibility-row:hover{background:#0000000a;border-radius:8px}.group-check{align-items:center;background:#0000;border:2px solid #4285f4;border-radius:4px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:11px;height:16px;justify-content:center;width:16px}.group-check.checked{color:#fff}.group-name-text{color:#202124;color:var(--text-color);font-weight:500}.group-menu-divider{background:#e0e6ef;height:1px;margin:6px 0}.group-color-picker{border-top:1px solid #f1f3f4;padding:10px}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.color-swatch{border:2px solid #0000;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:28px;outline:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:28px}.color-swatch:hover{box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.color-swatch.active{border-color:#111;box-shadow:0 0 0 2px #fff,0 2px 8px #00000040}.color-swatch.add{align-items:center;background:#f1f3f4;background:var(--component-bg);border:1px dashed #cfd3dc;color:#202124;color:var(--text-color);display:flex;font-weight:700;justify-content:center}.color-current{align-items:center;color:#5f6368;color:var(--muted-color);display:flex;font-size:13px;gap:8px;margin-top:10px}.color-preview{border:1px solid #e0e6ef;border-radius:50%;height:18px;width:18px}.color-label{font-weight:500}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:12000}.modal{background:#fff;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 10px 30px #0003;padding:20px;width:360px}.group-detail-modal{max-width:520px;width:520px}.detail-field{margin-bottom:12px}.color-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:13000}.color-modal{background:#fff;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 12px 32px #0003;padding:18px;width:360px}.color-modal h3{color:#202124;color:var(--text-color);margin:0 0 12px}.color-modal-body{display:flex;flex-direction:column;gap:12px}.color-spectrum{background:linear-gradient(90deg,red,#ff8000 16%,#ff0 33%,#00c851 50%,#33b5e5 66%,#3f51b5 83%,#9c27b0);border:1px solid #e0e6ef;border-radius:10px;height:120px;overflow:hidden;position:relative}.color-spectrum-visual{background:linear-gradient(0deg,#0009,#0000),radial-gradient(circle at 50% 20%,#fff9,#0000 60%);inset:0;pointer-events:none;position:absolute}.color-spectrum-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.color-hex-row{align-items:center;display:flex;gap:12px}.color-preview-large{border:1px solid #e0e6ef;border-radius:50%;box-shadow:0 2px 6px #00000026;height:44px;width:44px}.color-hex-input{display:flex;flex:1 1;flex-direction:column;gap:6px}.color-hex-input label{color:#5f6368;color:var(--muted-color);font-size:13px}.color-hex-input input{border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;color:#202124;color:var(--text-color);font-size:14px;padding:10px 12px}.color-hex-input input:focus{outline:2px solid #a8c7fa}.detail-label{color:#5f6368;color:var(--muted-color);font-size:13px;margin-bottom:4px}.detail-value{color:#202124;color:var(--text-color);font-size:14px}.member-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:6px 0}.member-item{align-items:center;background:#f1f3f4;background:var(--component-bg);border-radius:6px;display:flex;justify-content:space-between;padding:6px 8px}.member-name{color:#202124;color:var(--text-color);font-weight:600}.member-role{color:#5f6368;color:var(--muted-color);font-size:12px}.chip-input{align-items:center;background:#fff;background:var(--bg-color);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:6px 8px}.chip-input input{background:#0000;border:none;color:#202124;color:var(--text-color);flex:1 0 200px;min-width:200px;outline:none;padding:6px}.chip{align-items:center;background:#e8f0fe;border-radius:999px;color:#1a73e8;display:inline-flex;font-size:13px;gap:6px;padding:6px 8px}.chip-remove{background:#0000;border:none;color:#1a73e8;cursor:pointer;font-weight:700}.group-detail-panel{background:#fff;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 6px 18px #00000014;height:100%;overflow-y:auto;padding:16px}.group-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.group-detail-close{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px 8px}.group-detail-close:hover{color:#1a73e8;color:var(--accent-color)}.group-detail-loading{color:#5f6368;color:var(--muted-color)}.modal h3{color:#202124;color:var(--text-color);margin:0 0 12px}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.modal-field label{color:#5f6368;color:var(--muted-color);font-size:13px}.modal-field input,.modal-field textarea{background:#fff;background:var(--bg-color);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;color:#202124;color:var(--text-color);font-size:14px;padding:10px 12px;width:100%}.modal-field textarea{resize:vertical}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.btn-primary,.btn-secondary{border:1px solid #dadce0;border:1px solid var(--border-color);padding:8px 12px;transition:all .2s}.btn-primary{background:#1a73e8;background:var(--accent-color);border-color:#1a73e8;border-color:var(--accent-color)}.btn-primary:hover{background:#1557b0;background:var(--accent-hover);border-color:#1557b0;border-color:var(--accent-hover)}.btn-secondary{background:#f1f3f4;background:var(--component-bg);color:#202124;color:var(--text-color)}.btn-secondary:hover{background:#e5e5e5;background:var(--hover-bg)}@media (max-width:1024px){.left-panel{flex:0 0 35%;max-width:350px}.container{gap:12px;padding:0 15px}}@media (max-width:768px){body{padding-top:56px}.container{flex-direction:column;gap:12px;padding:0 10px}.left-panel{flex:none;height:auto;max-height:50vh;max-width:100%}.right-panel{background:#fff;background:var(--bg-color);border-radius:8px;flex:none;height:50vh}.main-content{height:calc(100vh - 56px)}}@media (max-width:480px){.container{gap:8px;padding:0 8px}.left-panel,.right-panel{padding:4px 0}.calendar-container,.other-schedule,.search-section,.time-insight{border-radius:6px;padding:12px}}:root,[data-theme=dark]{--danger-color:#ea4335;--danger-hover:#d33426}.top-bar{align-items:center;background:var(--component-bg);border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;height:64px;left:0;position:fixed;top:0;width:100%;z-index:1000}.top-bar-content{justify-content:space-between}.top-bar-left{justify-content:flex-start;min-width:0}.menu-toggle-btn{align-items:center;background:var(--component-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .2s ease;width:42px}.menu-toggle-btn:hover{background:var(--hover-bg)}.menu-toggle-icon{line-height:1}.app-logo,.logo-section{align-items:center;display:flex;justify-content:center}.app-logo{background:#0000;border-radius:8px;gap:4px;padding:8px 12px;transition:background-color .2s}.app-logo:hover{background-color:var(--hover-bg)}.logo-image{background:#0000;border-radius:14px;box-shadow:0 4px 12px #0000001a;height:60px;object-fit:cover;transition:transform .3s ease;width:60px}.logo-image:hover{transform:scale(1.05)}.logo-text{color:var(--text-color);font-size:22px;font-weight:500;letter-spacing:-.5px}.date-navigation{align-items:center;display:flex;gap:16px;margin-left:16px;margin-right:0}.nav-btn{background:var(--component-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:14px;font-weight:500;padding:8px 16px}.nav-btn:hover{background-color:var(--hover-bg)}.nav-arrows{display:flex;gap:4px}.arrow-btn{align-items:center;background:var(--component-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.arrow-btn:hover{background-color:var(--hover-bg)}.current-date{color:var(--text-color);font-size:22px;font-weight:400;margin-left:8px;min-width:200px}.top-bar-center{flex:0 0 auto;margin:0 40px}.search-container{margin-left:auto;max-width:500px}.search-icon{color:var(--muted-color);font-size:16px;left:12px}.search-input{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);font-size:14px;padding:12px 16px 12px 40px;transition:all .2s}.search-input:focus{background:var(--component-bg);border-color:var(--accent-color);box-shadow:0 0 0 2px #1a73e833;outline:none}.search-input::placeholder{color:var(--muted-color)}.top-bar-right{min-width:0}.view-selector-container{margin-right:16px;position:relative}.view-selector-btn{align-items:center;background:var(--component-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;height:48px;justify-content:space-between;min-width:140px;padding:12px 20px;transition:all .3s ease}.view-selector-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-color);box-shadow:0 2px 8px #1a73e833;transform:translateY(-2px)}.view-selector-text{color:var(--accent-color);font-size:16px;font-weight:600}.dropdown-arrow{color:var(--muted-color);transition:transform .3s ease}.view-dropdown{animation:dropdownFadeIn .15s ease-out forwards;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000004d;left:50%;margin-top:8px;min-width:160px;opacity:0;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);z-index:1001}.dropdown-item,.view-dropdown{background:var(--component-bg)}.dropdown-item{align-items:center;border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--hover-bg);transform:translateX(0)!important}.dropdown-item.active{background-color:var(--accent-color);color:#fff;font-weight:600}.dropdown-item.active:hover{background-color:var(--accent-hover)}.checkmark{color:#fff;font-size:14px;font-weight:700;margin-left:12px}.top-actions{gap:8px;position:relative}.action-btn,.top-actions{align-items:center;display:flex}.action-btn{background:none;border:none;color:var(--text-color);cursor:pointer;height:70px;justify-content:center;transition:all .3s ease;width:70px}.action-btn:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.theme-toggle-btn{overflow:hidden;position:relative}.theme-toggle-btn:hover{background:var(--component-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px) scale(1.05)}.theme-toggle-btn .action-icon{color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover .action-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:rotate(20deg) scale(1.1)}.theme-toggle-btn .action-icon{animation:iconPulse .6s ease-out}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1)}}[data-theme=light] .theme-toggle-btn .action-icon{color:var(--accent-color);text-shadow:0 0 8px #1a73e84d}[data-theme=light] .theme-toggle-btn:hover{background:var(--component-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .theme-toggle-btn .action-icon{color:var(--accent-color);text-shadow:0 0 8px #1a73e84d}[data-theme=dark] .theme-toggle-btn:hover{background:var(--component-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.action-icon{align-items:center;display:flex;font-size:32px;justify-content:center}.settings-menu{animation:dropdownFadeIn .2s ease-out;background:var(--card-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 20px #0000004d;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.settings-menu .dropdown-item{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;padding:10px 12px;text-align:left;width:100%}.settings-dropdown .dropdown-item:hover{background:var(--hover-bg)}.user-profile-container{margin-left:8px;position:relative}.user-profile{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:all .3s ease}.user-profile:hover{background:var(--hover-bg);border-color:var(--border-color)}.user-avatar{align-items:center;background:var(--accent-color);border:2px solid var(--bg-color);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:36px}.user-avatar:hover{background:var(--accent-hover);box-shadow:0 4px 12px #00000040;transform:scale(1.05)}.user-avatar:before{background:linear-gradient(135deg,#fff3,#fff0);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.avatar-image{border-radius:50%;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.avatar-image:hover{transform:scale(1.1)}.user-name{font-size:14px;font-weight:500;margin-right:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{animation:profileDropdownFadeIn .15s ease-out forwards;background:var(--card-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;left:auto;margin-top:8px;min-width:280px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:none;z-index:1002}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.user-info{border-bottom:1px solid var(--border-color);padding:16px}.user-avatar-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}.user-avatar-large{align-items:center;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-color);font-size:16px;font-weight:600}.user-email{color:var(--muted-color);font-size:14px}.profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.profile-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s;width:100%}.profile-btn:hover{background:var(--accent-hover)}.logout-btn{background:#ea4335;background:var(--danger-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s;width:100%}.logout-btn:hover{background:#d33426;background:var(--danger-hover)}.create-button-container{align-items:center;display:flex;position:relative}.create-button.primary{align-items:center;background:var(--accent-color);border:none;border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:52px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.create-button.primary:hover{background:var(--accent-hover);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.create-button.primary:active{box-shadow:0 4px 12px #0003;transform:translateY(0)}.create-text{font-size:15px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.create-button-extended{position:relative}.create-dropdown{animation:dropdownFadeIn .2s ease-out;background:var(--card-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000040;left:0;margin-top:12px;min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:1000}.create-dropdown .dropdown-item{align-items:center;background:var(--card-color);border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;text-align:left;transition:all .2s;width:100%}.create-dropdown .dropdown-item:last-child{border-bottom:none}.create-dropdown .dropdown-item:hover{background-color:var(--hover-bg);transform:translateX(8px)}.create-dropdown .item-icon{color:var(--accent-color);font-size:18px;text-align:center;width:20px}.top-bar-content{gap:0;width:100%}.top-bar-content,.top-bar-left{align-items:center;display:flex}.top-bar-left{flex:1 1;gap:12px;padding-right:20px}.top-bar-center{align-items:center;display:flex;flex:2 1;gap:8px;justify-content:flex-start;margin:0;max-width:800px;padding-left:40px}.search-container{flex:1 1;max-width:100%}.top-bar-right{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-end}@media (max-width:1200px){.current-date{font-size:18px;min-width:180px}.top-bar-center{gap:20px}.create-button-container{margin:0 20px}}@media (max-width:1024px){.top-bar-content{padding:0 12px}.top-bar-center{gap:16px;max-width:600px}.create-button-container{margin:0 16px}}@media (max-width:768px){.top-bar{height:56px}.logo-text,.search-container,.user-name{display:none}.user-profile{padding:4px}.create-button .create-text{display:none}.create-button{padding:12px}.create-icon{font-size:20px}.top-bar-center{gap:12px}.create-button-container{margin:0 12px}}@media (max-width:480px){.view-selector-text{display:none}.top-bar-center{gap:8px}.create-button-container{margin:0 8px}}.calendar-container{gap:16px}.calendar{background:#fff!important;border:1px solid #dadce0;border-radius:8px;color:#202124!important;margin-bottom:5px;padding:16px}.month-year-display{color:#3c4043}.nav-btn{background:#f8f9fa!important;border:1px solid #dadce0!important;border-radius:6px;color:#5f6368!important;font-size:14px!important}.nav-btn:hover{background-color:#e8eaed!important;border-color:#5f6368!important}.nav-btn:active{background-color:#e8eaed}.week-day{color:#70757a}.calendar-day{color:#3c4043!important;font-size:12px;font-weight:500!important}.calendar-day:hover{background-color:#f1f3f4}.calendar-day.selected{background-color:#1a73e8}.calendar-day.other-month{color:#dadce0}.calendar-day.past-date{color:#9aa0a6;opacity:.4}.calendar-day.today.selected{background-color:#1a73e8;color:#fff}.calendar-navigation{align-items:center;border-radius:8px;display:flex;gap:15px;justify-content:center;margin-top:10px;padding:10px}.calendar-navigation,.nav-button{background:var(--component-bg);border:1px solid var(--border-color)}.nav-button{border-radius:6px;color:var(--text-color);font-weight:700;height:36px;transition:all .2s;width:36px}.nav-button:hover{background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.nav-button:active{transform:scale(.95)}.nav-button.prev:before{content:"‹"}.nav-button.next:before{content:"›"}.month-display{color:var(--text-color);font-size:14px;font-weight:600;min-width:60px;text-align:center}@media (max-width:768px){.calendar{padding:15px}.calendar-navigation{gap:10px;padding:8px}.nav-button{font-size:14px;height:32px;width:32px}.month-display{font-size:13px;min-width:50px}}.upcoming-meetings{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--text-color);flex-shrink:0;margin-bottom:12px;padding:0}.upcoming-meetings-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.upcoming-meetings h3{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.current-time{color:var(--muted-color);font-size:12px;font-weight:500}.meetings-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.meeting-card{background:#fff;border:1px solid #e0e6ef;border-radius:10px;box-shadow:0 2px 4px #00000014;cursor:pointer;padding:12px;transition:all .2s ease}.meeting-card:hover{box-shadow:0 4px 6px #00000026,0 2px 4px #0003;transform:translateY(-2px)}.meeting-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.meeting-card-title{color:#202124;flex:1 1;font-size:15px;font-weight:600;line-height:1.3;margin:0}.calendar-icon{flex-shrink:0;margin-left:8px}.meeting-card-datetime{color:#5f6368;font-size:12px;margin-bottom:8px}.meeting-card-attendees{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.participants-count{align-items:center;color:#5f6368;display:flex;font-size:12px;font-weight:400;gap:6px}.meeting-countdown{color:#202124;font-size:12px;font-weight:400;white-space:nowrap}.no-meetings{color:var(--muted-color);padding:16px 12px;text-align:center}.no-meetings-icon{font-size:26px;margin-bottom:6px;opacity:.5}.no-meetings p{font-size:12px;margin:0}.today-summary{border-top:1px solid var(--border-color);padding-top:8px}.summary-item{align-items:center;display:flex;font-size:12px;justify-content:space-between}.summary-label{color:var(--muted-color)}.summary-count{color:var(--accent-color);font-weight:500}@media (max-width:768px){.upcoming-meetings{margin-bottom:16px;padding:16px}.meeting-item{padding:12px}.meeting-time{align-items:flex-start;flex-direction:column;gap:4px}.meeting-time .time-until{align-self:flex-end}}.time-table{background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;height:100%}.calendar-header{background:#0000;padding:16px 24px}.date-display{align-items:center;display:flex;gap:16px}.day-of-week,.full-date{font-size:28px;letter-spacing:-.5px}.day-of-week,.full-date,.month-year{color:var(--text-color);font-weight:400}.month-year{font-size:22px}.week-range{font-size:18px}.week-range,.year-title{color:var(--text-color);font-weight:400}.year-title{font-size:32px;letter-spacing:-1px}.today-indicator{background:var(--accent-color);border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.today-indicator:hover{background:var(--accent-hover)}.day-view{background:var(--bg-color);display:flex;flex-direction:column;height:100%}.day-view .calendar-header{flex-shrink:0;margin-bottom:0;padding:16px 24px}.day-view .time-slots-container{background:var(--bg-color);flex:1 1;overflow-y:auto;position:relative}.time-slots{flex-direction:column;min-height:1488px}.time-slot-hour,.time-slots{display:flex;position:relative}.time-slot-hour{border-bottom:1px solid var(--border-color);height:60px;min-height:60px}.time-slot-hour.gmt-header{min-height:48px}.hour-slot.gmt-spacer,.time-slot-hour.gmt-header{background:var(--bg-color);height:48px}.hour-label{background:#0000;border-right:1px solid var(--border-color);color:var(--muted-color);flex-shrink:0;font-size:12px;font-weight:500;padding:8px 16px;position:relative;text-align:right;width:80px;z-index:2}.hour-label.gmt-label{align-items:center;display:flex;font-size:11px;font-weight:600;justify-content:flex-end}.hour-slot{background:var(--bg-color);flex:1 1;position:relative}.time-slot{border-bottom:1px solid var(--component-bg);height:30px;position:relative;transition:background-color .1s}.time-slot:hover{background:var(--hover-bg)}.time-slot.half-hour{border-bottom:1px solid var(--component-bg)}.current-time-dot,.current-time-indicator,.current-time-line{display:none}.calendar-event{align-items:center;border:1px solid #fff3;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;min-height:12px;overflow:hidden;position:absolute;transition:all .2s ease;z-index:5}.calendar-event:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.timed-event{color:#fff;font-size:12px;margin:1px 2px;min-height:24px;padding:6px 8px}.event-content{display:flex;flex-direction:column;gap:2px;justify-content:center;padding:4px 6px;width:100%}.event-time{font-size:11px;font-weight:600;opacity:.95}.event-title{font-size:14px}.event-title,.event-title-inline{word-wrap:break-word;font-weight:600;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.event-title-inline{font-size:13px;padding:2px 0}.event-calendar{font-size:10px;font-weight:500;opacity:.85}.all-day-section{align-items:flex-start;background:#0000;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;min-height:52px}.all-day-label{background:#0000;border-right:1px solid var(--border-color);color:var(--muted-color);flex-shrink:0;font-size:12px;font-weight:600;padding:16px;text-align:right;width:80px}.all-day-events{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:52px;padding:8px 12px}.all-day-event{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#fff;display:flex;font-size:13px;font-weight:500;height:32px;padding:8px 12px;position:relative;transition:all .2s ease}.all-day-event:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.week-view{background:var(--bg-color);display:flex;flex-direction:column;height:100%}.week-view .calendar-header{flex-shrink:0;margin-bottom:0;padding:16px 24px}.week-grid{background:var(--bg-color);display:flex;flex-direction:column;height:100%;min-height:0}.week-header-and-allday-combined{background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0}.week-day-columns-grid{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(7,1fr)}.week-day-column-combined{border-right:1px solid var(--border-color);display:flex;flex-direction:column}.week-all-day-section{border-bottom:1px solid var(--border-color);min-height:60px}.week-all-day-label,.week-all-day-section{background:var(--bg-color);display:flex;flex-shrink:0}.week-all-day-label{border-right:1px solid var(--border-color);box-sizing:border-box;color:var(--muted-color);flex-direction:column;font-size:12px;font-weight:600;gap:4px;justify-content:flex-start;padding:16px 12px 4px;text-align:right;width:80px}.gmt-label-small{color:var(--muted-color);font-size:10px;font-weight:500;opacity:.8}.week-all-day-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(7,1fr)}.week-all-day-cell{background:var(--bg-color);cursor:pointer;min-height:0;padding:4px 8px;position:relative;transition:background-color .1s}.week-all-day-cell:hover{background:var(--hover-bg)}.week-all-day-cell.today{background:#0000}.week-all-day-event{border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin:2px 0;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.week-day-headers-row{background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:15}.week-time-label-spacer{background:var(--bg-color);border-right:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;width:80px}.week-day-headers-grid{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(7,1fr)}.week-time-section{flex:1 1;min-height:0}.week-time-labels,.week-time-section{background:var(--bg-color);display:flex}.week-time-labels{border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:none;width:80px}.week-time-labels::-webkit-scrollbar{display:none}.week-time-label{align-items:flex-start;background:var(--bg-color);border-bottom:1px solid var(--border-color);box-sizing:border-box;color:var(--muted-color);display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:60px;justify-content:flex-end;padding:8px 12px 8px 8px;text-align:right}.week-days-content{flex:1 1;min-height:0;overflow:auto}.week-days-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.week-day-column{min-width:140px}.week-day-column,.week-day-header{display:flex;flex-direction:column}.week-day-header{align-items:center;background:var(--bg-color);cursor:pointer;flex-shrink:0;height:56px;justify-content:center;padding:8px 0;transition:background-color .1s}.week-day-header:hover{background:var(--hover-bg)}.week-day-header.today{background:#0000}.week-day-header.today .week-day-number{align-items:center;background:#0000;border:2.5px solid var(--accent-color);border-radius:50%;box-shadow:0 0 0 1px var(--accent-color);color:var(--accent-color);display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.week-day-name{color:var(--muted-color);font-size:11px;font-weight:500;margin-bottom:2px;text-transform:uppercase}.week-day-header.today .week-day-name{color:var(--accent-color);font-weight:600}.week-day-number{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:400;height:32px;justify-content:center;transition:background-color .2s;width:32px}.week-day-time-cells{display:flex;flex-direction:column;min-height:1440px;position:relative}.week-time-cell{cursor:pointer;height:60px;position:relative;transition:background-color .1s}.week-gmt-spacer,.week-time-cell{background:var(--bg-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.week-gmt-spacer{flex-shrink:0;height:48px}.week-time-cell:hover{background:var(--hover-bg)}.week-time-cell:after{background:var(--component-bg);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:50%}.week-timed-event{align-items:center;border-radius:3px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:10px;margin:1px 2px;min-height:12px;overflow:hidden;padding:2px 4px;position:absolute;z-index:2}.week-timed-event .event-content{display:flex;flex-direction:column;gap:1px;justify-content:center;width:100%}.week-timed-event .event-time{font-size:9px;font-weight:600;opacity:.9}.week-timed-event .event-title,.week-timed-event .event-title-inline{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-timed-event .event-title-inline{line-height:1.2;padding:0}.month-view{background:var(--bg-color);display:flex;flex-direction:column;height:100%}.month-view .calendar-header{flex-shrink:0;margin-bottom:0;padding:16px 24px}.month-calendar{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0}.month-week-days{background:#0000;border-bottom:1px solid var(--border-color);display:grid;flex-shrink:0;grid-template-columns:repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:10}.month-week-day{background:#0000;color:var(--muted-color);font-size:11px;font-weight:600;padding:16px 8px;text-align:center;text-transform:uppercase}.month-days-grid{background:var(--bg-color);display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);min-height:0}.month-day{background:var(--card-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;min-height:140px;padding:12px 8px;position:relative;transition:background-color .1s}.month-day:nth-child(7n){border-right:none}.month-day:hover{background:var(--hover-bg)}.month-day.other-month{background:var(--component-bg);color:var(--muted-color)}.month-day.today{background:#0000}.month-day.today .month-day-number{border:2.5px solid var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);color:var(--accent-color);font-weight:700}.month-day.selected{background:var(--accent-color);color:#fff}.month-day.selected .month-day-number{color:#fff}.month-day-number{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:400;height:28px;justify-content:center;margin-bottom:8px;transition:all .2s;width:28px}.month-day-events{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow:hidden}.month-event-indicator{align-items:center;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-event-indicator,.more-events{font-size:12px;font-weight:500;padding:4px 8px}.more-events{color:var(--muted-color)}.month-day.selected .more-events{color:#ffffffe6}.year-view{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow-y:auto}.year-view .calendar-header{background:#0000;border-bottom:none;flex-shrink:0;padding:24px 24px 16px}.year-content{flex:1 1;padding:24px}.year-months-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;width:100%}.year-month-card{background:var(--card-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;min-height:280px;padding:20px;transition:box-shadow .2s ease}.year-month-card:hover{box-shadow:0 2px 8px #0000001a}.year-month-header{background:#0000;flex-shrink:0;margin-bottom:16px}.year-month-name{color:var(--text-color);font-size:16px;font-weight:500;text-align:center}.year-month-weekdays{grid-gap:4px;display:grid;flex-shrink:0;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.year-weekday{align-items:center;color:var(--muted-color);display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;text-align:center;text-transform:uppercase}.year-month-days-grid{display:flex;flex:1 1;flex-direction:column;gap:4px}.year-month-week{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(7,1fr);min-height:24px}.year-month-day{align-items:center;aspect-ratio:1;background:var(--card-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;min-height:24px;position:relative;transition:all .2s ease}.year-month-day:hover{background:var(--hover-bg)}.year-month-day.today{background:#0000;border:2px solid var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);color:var(--accent-color);font-weight:700}.year-month-day.empty{background:#0000;cursor:default;visibility:hidden}.year-month-day.empty:hover{background:#0000}.year-day-number{font-weight:inherit}.event-tooltip{background:#fff;border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:450px;max-width:280px;overflow-x:hidden;overflow-y:auto;padding:0;pointer-events:auto;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000}.tooltip-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;box-shadow:0 4px 12px #667eea33;color:#fff;font-weight:500;padding:16px 18px;position:relative}.tooltip-title{color:#fff;font-size:1em;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:4px}.tooltip-meta{align-items:center;color:#fffffff2;display:flex;font-size:.875em;font-weight:400;justify-content:space-between;opacity:.95}.tooltip-content{background:#fff;color:#1a1a1a;max-height:240px;overflow-y:auto;padding:14px 18px}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-time{color:var(--text-color);font-size:.9em;font-weight:600;margin-bottom:4px}.tooltip-info{align-items:flex-start;border-bottom:1px solid #f0f0f0;color:#4a5568;display:flex;font-size:.85em;gap:10px;line-height:1.4;margin-bottom:8px;padding:6px 0}.tooltip-info:last-child{border-bottom:none;margin-bottom:0}.tooltip-info.compact{align-items:center;margin-bottom:4px}.tooltip-label{align-items:center;display:flex;flex-shrink:0;font-size:1em;justify-content:center;width:20px}.attendees-list{display:flex;flex-direction:column;gap:2px}.attendee{color:var(--muted-color);font-size:.85em;font-weight:500}.devices-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.device-item{color:var(--muted-color);font-size:.85em;font-weight:500;padding:4px 0}.tooltip-footer{background:#f8f9fa;border-top:1px solid #e8eaed;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.tooltip-action-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 2px #3c40431a;color:#3c4043;cursor:pointer;display:flex;font-size:.85em;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tooltip-action-btn:hover{background:#f8f9fa;border-color:#5f6368;box-shadow:0 2px 4px #3c404326;transform:translateY(-1px)}.tooltip-action-btn:active{box-shadow:0 1px 2px #3c40431a;transform:translateY(0)}.tooltip-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d;color:#fff}.tooltip-action-btn.primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.edit-disabled-notice{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:3px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #ffc1071a;color:#856404;font-size:.8em;margin:0 18px 8px;padding:10px 14px}.edit-disabled-notice span{align-items:center;display:flex;font-weight:500;gap:8px;line-height:1.4}.time-table-loading{align-items:center;background:var(--bg-color);display:flex;height:100%;justify-content:center}.loading-spinner{align-items:center;color:var(--muted-color);display:flex;font-size:14px;gap:12px}.loading-spinner:before{animation:spin 1s linear infinite;border-top:2px solid var(--component-bg);border:2px solid var(--component-bg);border-radius:50%;border-top-color:var(--accent-color);content:"";height:20px;width:20px}.time-table-error{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.error-message{color:var(--danger-color);font-size:14px}.time-table-error button{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.time-table-error button:hover{background:var(--accent-hover)}.time-slots-container::-webkit-scrollbar,.week-days-content::-webkit-scrollbar,.week-time-labels::-webkit-scrollbar,.year-content::-webkit-scrollbar{width:8px}.time-slots-container::-webkit-scrollbar-track,.week-days-content::-webkit-scrollbar-track,.week-time-labels::-webkit-scrollbar-track,.year-content::-webkit-scrollbar-track{background:var(--component-bg)}.time-slots-container::-webkit-scrollbar-thumb,.week-days-content::-webkit-scrollbar-thumb,.week-time-labels::-webkit-scrollbar-thumb,.year-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.time-slots-container::-webkit-scrollbar-thumb:hover,.week-days-content::-webkit-scrollbar-thumb:hover,.week-time-labels::-webkit-scrollbar-thumb:hover,.year-content::-webkit-scrollbar-thumb:hover{background:var(--muted-color)}@media (max-width:1200px){.year-months-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calendar-header{padding:12px 16px}.day-of-week,.full-date{font-size:22px}.month-year{font-size:18px}.year-months-grid{gap:16px;grid-template-columns:1fr}.hour-label{padding:8px 12px;width:60px}.all-day-label{width:60px}.current-time-indicator{left:60px}.timed-event{left:64px}.week-time-labels{width:60px}.week-time-label{padding:8px 12px}.week-all-day-label{width:60px}.week-all-day-cell,.week-day-column{min-width:120px}.month-day{min-height:120px;padding:8px 4px}.month-event-indicator{font-size:10px;padding:3px 6px}.event-tooltip{max-height:350px;max-width:280px}.tooltip-content,.tooltip-header{padding:12px}}@media (max-width:480px){.calendar-header{gap:12px}.calendar-header,.date-display{align-items:flex-start;flex-direction:column}.date-display{gap:8px}.month-calendar{padding:0}.month-day{min-height:100px;padding:6px 2px}.month-day-number{font-size:12px;height:24px;width:24px}.month-event-indicator{font-size:9px;padding:2px 4px}}.time-table{animation:fadeIn .3s ease}.calendar-event{animation:fadeIn .2s ease}.calendar-event:focus,.month-day:focus,.week-all-day-cell:focus,.week-day-header:focus,.week-time-cell:focus,.year-month-day:focus{outline:2px solid var(--accent-color);outline-offset:2px}.create-meeting-modal-wrapper{align-items:center;background:#0000!important;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.create-meeting-modal-wrapper>*{pointer-events:auto}.create-meeting-modal.simple-style{background:var(--card-color);border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;height:600px;max-height:85vh;max-width:500px;overflow:hidden;pointer-events:auto;position:relative;width:90%;z-index:10001}.modal-header{align-items:center;background:var(--card-color);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header h2{color:var(--text-color);font-size:18px;font-weight:500;margin:0}.close-btn{align-items:center;background:none;border:none;color:var(--muted-color);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background:var(--hover-bg);border-radius:50%}.meeting-form.simple-form{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}.meeting-form.simple-form::-webkit-scrollbar{width:6px}.meeting-form.simple-form::-webkit-scrollbar-track{background:#f1f1f1}.meeting-form.simple-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.meeting-form.simple-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.meeting-form.icon-form{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.meeting-form.icon-form::-webkit-scrollbar{width:6px}.meeting-form.icon-form::-webkit-scrollbar-track{background:#f1f1f1}.meeting-form.icon-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.meeting-form.icon-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-group{margin-bottom:16px}.form-row{border-bottom:1px solid var(--border-color);gap:12px;padding:8px 0}.form-icon,.form-row{align-items:center;display:flex}.form-icon{color:#5f6368;flex-shrink:0;font-size:20px;justify-content:center;width:32px}.form-row-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.inline-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .2s}.guest-autocomplete .inline-input{flex:1 1;min-width:200px}.inline-input:focus{border-color:var(--accent-color);outline:none}.inline-input::placeholder{color:var(--muted-color);font-style:italic}.time-inputs-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.date-picker-input{flex:1 1;max-width:250px;min-width:180px}.date-picker-input .date-time-input{background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;font-size:14px;font-weight:500;min-height:40px;padding:8px 36px 8px 12px}.date-picker-input .date-time-input:focus,.date-picker-input .date-time-input:hover{background:#e8f0fe;border-color:#1a73e8}.time-picker-input{flex:0 0 auto;max-width:100px;min-width:90px}.time-picker-input .date-time-input{background:#fff;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-weight:400;min-height:40px;padding:8px 28px 8px 10px;text-align:center}.time-separator{color:#70757a;font-weight:400;margin:0 2px}.time-display-wrapper{padding:8px 0;width:100%}.time-range{color:var(--accent-color);cursor:pointer;font-size:14px;padding:4px 0}.time-range:hover{text-decoration:underline}.recurrence-text{color:var(--muted-color);font-size:12px;margin-top:4px}.time-picker-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.time-picker-content{background:var(--card-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.time-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.time-picker-header h3{font-size:18px;font-weight:500;margin:0}.close-picker{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0 8px}.time-picker-body{padding:16px}.time-section{margin-bottom:16px}.time-section label{color:#666;display:block;font-size:14px;margin-bottom:8px}.time-picker-footer{border-top:1px solid #e0e0e0;padding:16px;text-align:right}.time-picker-footer button{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.time-picker-footer button:hover{background:var(--accent-hover)}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-wrapper.inline-checkbox{flex:0 0 auto;margin-left:12px;white-space:nowrap}.checkbox-wrapper input[type=checkbox]{accent-color:#1a73e8;cursor:pointer;height:16px;width:16px}.checkbox-label{color:#3c4043;font-size:14px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.time-inputs-row{flex-wrap:wrap}.date-only-picker{flex:1 1 100%;min-width:100%}.time-picker-input{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;min-width:100px}.time-separator{flex:0 0 auto}}.inline-select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;flex:1 1;font-size:15px;font-weight:500;min-width:200px;padding:10px 14px;transition:border-color .2s}.inline-select:focus{border-color:var(--accent-color);outline:none}.time-separator{color:#666;font-size:16px;font-weight:500}.time-range{align-items:center;display:flex;gap:8px}.time-input{width:110px}.title-input{background:var(--bg-color);border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:16px;font-weight:400;padding:8px 0;transition:border-color .2s;width:100%}.title-input:focus{border-color:var(--accent-color);color:var(--text-color);outline:none}.title-input::placeholder{color:var(--muted-color);font-style:italic}.description-textarea{border:1px solid #dee2e6;border-radius:4px;font-family:inherit;font-size:13px;min-height:60px;padding:8px 10px;resize:vertical;transition:border-color .2s;width:100%}.description-textarea:focus{border-color:#1a73e8;outline:none}.description-textarea::placeholder{color:#999;font-style:italic}.form-section{background:var(--component-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px}.section-label{color:#495057;display:block;font-size:14px;font-weight:600}.datetime-display,.section-label{margin-bottom:12px}.date-display{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:4px}.time-display{color:#666;font-size:14px}.datetime-inputs{display:flex;gap:12px}.hidden-input{display:none}.simple-input{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.simple-input:focus{border-color:#1a73e8;outline:none}.simple-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.simple-select:focus{border-color:#1a73e8;outline:none}.form-actions.simple-actions{display:flex;justify-content:flex-end}.form-actions,.form-actions.simple-actions{background:var(--card-color);border-top:1px solid #e9ecef;bottom:0;box-shadow:0 -2px 10px #0000000d;flex-shrink:0;gap:8px;margin-top:auto;padding:12px 20px;position:-webkit-sticky;position:sticky;z-index:10}.form-actions{align-items:center;justify-content:space-between}.form-actions-right{display:flex;gap:12px}.delete-btn{background:var(--bg-color);border:1px solid var(--danger-color);border-radius:6px;color:var(--danger-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.delete-btn:hover:not(:disabled){background:var(--danger-color);color:#fff}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.cancel-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--muted-color)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 20px;transition:background-color .2s}.save-btn:hover:not(:disabled){background:var(--accent-hover)}.save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.create-meeting-modal.simple-style{margin:20px;width:95%}.modal-header{padding:16px 20px 0}.meeting-form.simple-form{padding:16px 20px 20px}.form-section{padding:12px}}.datetime-controls{display:flex;flex-direction:column;gap:16px}.datetime-group{display:flex;flex-direction:column;gap:8px}.datetime-input-wrapper{position:relative;width:100%}.datetime-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.datetime-display{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;min-height:44px;padding:12px 16px;transition:border-color .2s}.datetime-input-wrapper:hover .datetime-display,.datetime-input:focus+.datetime-display{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.datetime-input::-webkit-calendar-picker-indicator{bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media (max-width:480px){.datetime-controls{gap:12px}.datetime-display{font-size:13px;padding:10px 12px}}.inline-input.error,.inline-select.error,.simple-select.error,.title-input.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.error-message{color:#dc3545;display:block;font-size:12px;margin-top:4px}.simple-input::placeholder{color:#6c757d;opacity:.7}.guest-autocomplete{position:relative;width:100%}.guest-autocomplete,.guest-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.guest-tag{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:16px;color:#1976d2;display:inline-flex;font-size:13px;gap:6px;padding:4px 10px}.guest-tag-name{font-weight:500}.guest-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#1976d2;cursor:pointer;display:flex;font-size:18px;height:18px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:18px}.guest-tag-remove:hover{background-color:#1976d21a}.suggestions-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10001}.suggestion-item{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:10px 12px;transition:background-color .2s}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-email{color:#495057;font-size:14px;font-weight:500}.suggestion-name{color:#6c757d;font-size:12px;margin-top:2px}.suggestion-item.no-results{color:#6c757d;cursor:default;font-style:italic}.suggestion-item.no-results:hover{background-color:#fff}.suggestion-item.no-results.clickable{color:#1976d2;cursor:pointer}.suggestion-item.no-results.clickable:hover{background-color:#e3f2fd}.suggestions-loading{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px;padding:10px 12px}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#1a73e8;height:16px;width:16px}.guest-autocomplete .simple-input{position:relative;z-index:10002}.date-picker-wrapper{display:inline-block;position:relative}.calendar-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:280px;padding:12px;position:absolute;top:calc(100% + 4px);z-index:10001}.calendar-header{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px}.calendar-month-year{color:#495057;font-size:14px;font-weight:600}.calendar-nav-btn{background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s}.calendar-nav-btn:hover{background:#f8f9fa}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{color:#6c757d;font-size:11px;font-weight:600;padding:4px;text-align:center}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;border-radius:4px;color:#495057}.calendar-day:hover:not(.empty):not(.past){background:#e7f3ff;color:#1a73e8}.calendar-day.empty{cursor:default}.calendar-day.past{color:#adb5bd;cursor:not-allowed;text-decoration:line-through}.calendar-day.today{background:#1a73e8;color:#fff}.calendar-day.today:hover{background:#1669d6}.device-selection-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.selected-devices-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;margin-bottom:8px}.device-tag{align-items:center;background-color:#f0f8ff;border:1px solid #b3d9ff;border-radius:20px;box-shadow:0 1px 3px #007bff1a;color:#0056b3;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.device-tag:hover{background-color:#e0f0ff;box-shadow:0 2px 6px #007bff33}.device-tag-remove{align-items:center;background-color:initial;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:4px;padding:0 4px;transition:all .2s;width:20px}.device-tag-remove:hover{background-color:#dc3545;color:#fff;transform:scale(1.15)}.device-add-btn{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:auto;padding:10px 20px;transition:all .2s}.device-add-btn:hover:not(:disabled){background-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.device-add-btn:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.5}.create-meeting-modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.create-meeting-modal-overlay,.google-calendar-form{background:#fff;display:flex;flex-direction:column;overflow:hidden}.google-calendar-form{height:100vh;position:relative;width:100%}.google-calendar-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 32px}.google-calendar-header-left{align-items:center;display:flex;gap:16px}.google-calendar-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:background-color .2s;width:40px}.google-calendar-close-btn:hover{background-color:#f1f3f4}.google-calendar-header-right{align-items:center;display:flex;gap:8px}.google-calendar-save-btn{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background-color .2s}.google-calendar-save-btn:hover{background:#1557b0}.google-calendar-save-btn:disabled{background:#dadce0;cursor:not-allowed}.google-calendar-more-btn{align-items:center;background:none;border:1px solid #dadce0;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 16px;transition:background-color .2s}.google-calendar-more-btn:hover{background-color:#f8f9fa}.google-calendar-body{display:flex;flex:1 1;overflow:hidden}.google-calendar-main{border-right:1px solid #e0e0e0;flex:1 1;max-width:calc(100% - 400px);overflow-y:auto;padding:32px 48px}.google-calendar-sidebar{background:#f8f9fa;border-left:1px solid #e0e0e0;min-width:350px;overflow-y:auto;padding:32px 24px;width:400px}.google-calendar-tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:24px}.google-calendar-tab{background:none;border:none;border-bottom:2px solid #0000;color:#5f6368;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.google-calendar-tab.active{border-bottom-color:#1a73e8;color:#1a73e8;font-weight:500}.google-calendar-tab:hover{background-color:#f8f9fa}.google-calendar-field{margin-bottom:32px}.google-calendar-field:last-child{margin-bottom:0}.google-calendar-field-label{align-items:center;color:#5f6368;display:flex;font-size:14px;gap:12px;margin-bottom:8px}.google-calendar-field-icon{align-items:center;color:#5f6368;display:flex;height:20px;justify-content:center;width:20px}.google-calendar-input{border:1px solid #dadce0;border-radius:4px;font-size:14px;min-height:40px;padding:10px 14px;transition:border-color .2s;width:100%}.google-calendar-input:focus{border-color:#1a73e8;outline:none}.google-calendar-textarea{border:1px solid #dadce0;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.5;min-height:150px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.google-calendar-textarea:focus{border-color:#1a73e8;outline:none}.google-calendar-date-time{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.google-calendar-input.date-picker-input,.google-calendar-input.time-picker-input{min-width:auto}.google-calendar-input.time-picker-input{font-size:14px;text-align:center}.google-calendar-timezone{color:#5f6368;font-size:12px;margin-top:4px}.google-calendar-checkbox{align-items:center;display:flex;gap:8px;margin-top:8px}.google-calendar-checkbox input{cursor:pointer;height:18px;width:18px}.google-calendar-checkbox label{color:#202124;cursor:pointer;font-size:14px}.google-calendar-guest-section{margin-bottom:24px}.google-calendar-guest-section-title{color:#202124;font-size:14px;font-weight:500;margin-bottom:16px}.google-calendar-guest-input{border:1px solid #dadce0;border-radius:4px;font-size:14px;margin-bottom:16px;padding:8px 12px;width:100%}.google-calendar-guest-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.google-calendar-guest-tag{align-items:center;background:#e8f0fe;border-radius:16px;color:#1a73e8;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px}.google-calendar-guest-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#1a73e8;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.google-calendar-guest-tag-remove:hover{background-color:#1a73e81a}.google-calendar-guest-permissions{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.google-calendar-guest-permissions-title{color:#202124;font-size:13px;font-weight:500;margin-bottom:12px}.google-calendar-permission-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.google-calendar-permission-item input{cursor:pointer;height:18px;width:18px}.google-calendar-permission-item label{color:#202124;cursor:pointer;font-size:13px}@media (max-width:768px){.google-calendar-body{flex-direction:column}.google-calendar-sidebar{border-left:none;border-top:1px solid #e0e0e0;width:100%}}.date-time-picker{display:inline-block;position:relative;width:100%}.date-time-input-wrapper{align-items:center;border-radius:8px;display:flex;position:relative;width:100%}.date-time-input{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;cursor:text!important;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;min-height:48px;outline:none;padding:12px 40px 12px 16px;position:relative;transition:all .2s ease;-webkit-user-select:text;user-select:text;width:100%;z-index:1}.input-icons{gap:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2}.calendar-icon,.input-icons{align-items:center;display:flex;pointer-events:auto}.calendar-icon{background:#0000;border-radius:4px;color:#5f6368;cursor:pointer!important;font-size:18px;justify-content:center;opacity:.7;padding:6px;transition:all .2s;-webkit-user-select:none;user-select:none}.calendar-icon:active{opacity:1}.calendar-icon:hover{opacity:1;transform:scale(1.05)}.dropdown-toggle-icon{border-radius:4px;color:#5f6368;cursor:pointer!important;font-size:12px;padding:8px;transition:all .2s;-webkit-user-select:none;user-select:none}.dropdown-toggle-icon:active{background:#f1f3f4}.dropdown-toggle-icon:hover{color:#1a73e8}.date-time-input:hover{border-color:#1a73e8;box-shadow:0 1px 3px #0000001a}.date-time-input.active{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.date-time-input.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.date-time-input::placeholder{color:#80868b;font-weight:400}.date-time-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.clock-icon{color:#5f6368;font-size:16px}.input-text{color:#3c4043;flex:1 1;font-weight:400}.input-text:empty:before{color:#9aa0a6;content:attr(data-placeholder)}.dropdown-arrow{color:#5f6368;font-size:12px;transition:transform .2s ease}.date-time-input.active .dropdown-arrow{transform:rotate(180deg)}.date-only-picker .date-time-input,.time-picker-input .date-time-input{border-radius:4px;font-size:13px;min-height:36px;padding:6px 10px}.date-only-picker .clock-icon,.time-picker-input .clock-icon{display:none}.date-only-picker .dropdown-arrow,.time-picker-input .dropdown-arrow{font-size:10px}.date-only-picker .input-text,.time-picker-input .input-text{font-size:13px;text-align:center;white-space:nowrap}.date-time-picker-dropdown{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 10px 0 #0003,0 1px 3px 0 #0000001a;left:0;margin-top:4px;overflow:visible;position:absolute;top:100%;z-index:1000}.time-picker-input .date-time-picker-dropdown{box-shadow:0 2px 10px #0003;left:auto;max-width:200px;min-width:160px;right:0;width:auto}.date-only-picker .date-time-picker-dropdown{background:var(--card-color);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-hover);position:absolute;right:auto;width:320px}.picker-content{padding:16px}.time-picker-input .picker-content{padding:8px}.date-only-picker .picker-content{padding:16px}.date-time-picker-dropdown .calendar-container{gap:0}.date-time-picker-dropdown .calendar{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.calendar-section{min-height:300px}.calendar-section,.date-only-picker .calendar-section{margin-bottom:0;overflow:visible}.date-only-picker .calendar-header{margin-bottom:16px}.date-only-picker .month-year{font-size:16px;font-weight:500}.date-only-picker .nav-button{height:36px;min-width:36px}.nav-button{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:4px 8px;transition:background-color .2s ease}.nav-button:hover{background:#f1f3f4}.month-year{color:#3c4043;font-size:14px;font-weight:500}.calendar-grid{grid-gap:4px;display:grid;grid-template-columns:repeat(7,1fr)}.day-header{color:#5f6368;font-size:11px;font-weight:600;padding:4px 2px;text-align:center;text-transform:uppercase}.calendar-day{height:32px;min-width:32px;padding:6px 4px;position:relative;text-align:center;transition:all .2s ease}.date-only-picker .calendar-day{font-size:14px;height:36px;min-width:36px}.calendar-day:hover{background:#f1f3f4}.calendar-day.other-month{color:#9aa0a6}.calendar-day.today{background:#e8f0fe;border-radius:50%;color:#1a73e8}.calendar-day.selected{background:#1a73e8;border-radius:50%;color:#fff;font-weight:600}.calendar-day.hovered{background:#e8f0fe}.picker-tabs{border-bottom:1px solid #e8eaed;display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#5f6368;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.tab-btn:hover{background:#f1f3f4;border-radius:4px 4px 0 0}.tab-btn.active{border-bottom-color:#1a73e8;color:#1a73e8}.tab-navigation{border-top:1px solid #e8eaed;margin-top:16px;padding-top:16px;text-align:center}.next-tab-btn{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s ease}.next-tab-btn:hover{background:#1557b0}.time-section{padding-top:16px}.duration-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.time-picker-input .duration-buttons{margin-bottom:8px}.duration-label-text{color:#5f6368;font-size:13px;font-weight:500;margin-right:8px}.duration-btn{background:#f1f3f4;border:1px solid #dadce0;border-radius:16px;color:#3c4043;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:all .2s ease}.duration-btn:hover{background:#e8eaed;border-color:#1a73e8;color:#1a73e8}.time-list-container{background:#fff;border:1px solid #dadce0;border-radius:8px;max-height:300px;overflow-y:auto}.time-picker-input .time-list-container{border:none;border-radius:0;max-height:250px}.time-list{display:flex;flex-direction:column}.time-slot{align-items:center;border-bottom:1px solid #f1f3f4;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;justify-content:space-between;padding:8px 16px;transition:background-color .15s ease}.time-picker-input .time-slot{font-size:13px;padding:8px 12px}.time-slot:last-child{border-bottom:none}.time-slot:hover{background:#f8f9fa}.time-slot.selected{background:#e8f0fe;color:#1a73e8;font-weight:500}.time-label{color:inherit;flex:1 1;font-size:14px}.duration-label{color:#70757a;font-size:12px;margin-left:auto;padding-left:12px;white-space:nowrap}.time-slot.selected .duration-label{color:#1a73e8;font-weight:500}.time-list-container::-webkit-scrollbar{width:8px}.time-list-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.time-list-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.time-list-container::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.picker-actions{border-top:1px solid #e8eaed;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.cancel-btn{background:#0000;color:#5f6368}.cancel-btn:hover{background:#f1f3f4}.confirm-btn{background:#1a73e8;color:#fff}.confirm-btn:hover:not(:disabled){background:#1557b0}.confirm-btn:disabled{background:#dadce0;color:#9aa0a6;cursor:not-allowed}@media (max-width:480px){.date-time-picker-dropdown{left:50%;max-height:80vh;max-width:400px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.time-list-container{max-height:200px}.duration-buttons{align-items:flex-start;flex-direction:column}}@media (prefers-color-scheme:dark){.date-time-input{color:#e8eaed}.date-time-input,.date-time-picker-dropdown{background:#2d2d2d;border-color:#5f6368}.calendar-day,.input-text,.month-year{color:#e8eaed}.calendar-day.other-month{color:#5f6368}.calendar-day.today{background:#1a73e8;color:#fff}.time-list-container{background:#2d2d2d;border-color:#5f6368}.time-slot{border-bottom-color:#3c4043;color:#e8eaed}.duration-btn,.time-slot:hover{background:#3c4043}.duration-btn{border-color:#5f6368;color:#e8eaed}.duration-btn:hover{background:#5f6368}.tab-btn{color:#e8eaed}.tab-btn:hover{background:#3c4043}}.calendar-container{display:flex;flex-direction:column;gap:0;position:relative}.calendar{background:#0000!important;border:none!important;border-radius:0;box-shadow:none!important;color:var(--text-color)!important;flex-shrink:0;margin-bottom:0;min-height:320px;padding:0;position:relative;width:100%}.calendar-header{align-items:center;border-bottom:none;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px;padding-bottom:0;width:100%}.month-year-display{color:var(--text-color);flex:1 1;font-size:14px;font-weight:600;order:2;text-align:center;white-space:nowrap}.calendar-nav-buttons{align-items:center;display:flex;gap:4px}.nav-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;color:var(--muted-color)!important;cursor:pointer;display:flex!important;font-size:18px!important;font-weight:400;height:32px!important;justify-content:center;margin:0;padding:0;transition:all .2s;width:32px!important}.nav-btn:hover{background-color:var(--hover-bg)!important}.nav-btn:active{background-color:var(--hover-bg)}.week-days{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.week-day{color:var(--muted-color);font-size:12px;font-weight:500;padding:8px 0;text-align:center}.calendar-grid{display:flex;flex-direction:column;gap:4px;width:100%}.calendar-week{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);width:100%}.calendar-day{align-items:center;background:#0000;border-radius:50%;color:var(--text-color)!important;cursor:pointer;display:flex;font-size:13px;font-weight:400!important;height:36px;justify-content:center;transition:all .2s}.calendar-day:hover{background-color:var(--hover-bg)}.calendar-day.selected{background-color:var(--accent-color);color:#fff!important;font-weight:500}.calendar-day.other-month{color:var(--muted-color)!important;font-weight:400;opacity:.3}.calendar-day.other-month:hover{background-color:var(--hover-bg);opacity:.5}.calendar-day.past-date{color:var(--muted-color)!important;cursor:not-allowed;opacity:.3;text-decoration:line-through}.calendar-day.past-date:hover,.calendar-day.today{background-color:initial}.calendar-day.today{border:none;box-sizing:border-box;color:var(--accent-color)!important;font-weight:600}.calendar-day.today.selected{background-color:var(--accent-color);border:none;color:#fff!important}@media (max-width:768px){.calendar{max-width:260px;padding:10px;width:260px}.calendar-day{font-size:11px;height:26px}.week-day{font-size:10px;padding:4px 0}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;min-width:400px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{border-bottom:1px solid #e9ecef;padding:20px 24px}.confirm-dialog-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{color:#495057;font-size:15px;line-height:1.5;margin:0}.confirm-dialog-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-dialog-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.confirm-dialog-btn.cancel{background:#fff;border:1px solid #dee2e6;color:#495057}.confirm-dialog-btn.cancel:hover{background:#f8f9fa;border-color:#adb5bd}.confirm-dialog-btn.confirm{background:#1a73e8;color:#fff}.confirm-dialog-btn.confirm:hover{background:#1669d6}@media (max-width:480px){.confirm-dialog{margin:0 20px;min-width:90%}}.toast-overlay{animation:slideDown .3s ease;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:10001}.toast{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px}.toast-success{border-left-color:#34a853}.toast-error{border-left-color:#ea4335}.toast-warning{border-left-color:#fbbc04}.toast-info{border-left-color:#4285f4}.toast-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#34a853}.toast-error .toast-icon{background:#ea4335}.toast-warning .toast-icon{background:#fbbc04}.toast-info .toast-icon{background:#4285f4}.toast-message{color:#1a1a1a;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#666}@media (max-width:480px){.toast{margin:0 20px;min-width:90%}}.schedule-view{background:var(--bg-color);height:100%;overflow-y:auto;padding:20px}.schedule-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.schedule-header-top{align-items:center;display:flex;gap:24px;justify-content:space-between}.schedule-title-section{flex:1 1}.schedule-header h2{color:var(--text-color);font-size:24px;font-weight:400;margin:0 0 4px}.schedule-subtitle{color:var(--muted-color);font-size:14px;margin:0}.year-navigation{gap:8px}.year-nav-btn,.year-navigation{align-items:center;display:flex}.year-nav-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:24px;font-weight:300;height:36px;justify-content:center;transition:all .2s;width:36px}.year-nav-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.year-display{align-items:center;background:var(--component-bg);border-radius:8px;display:flex;gap:8px;justify-content:center;min-width:120px;padding:8px 16px}.year-text{color:var(--text-color);font-size:18px;font-weight:600}.current-year-badge{background:#1a73e81a;border-radius:4px;color:var(--accent-color);font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.today-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.today-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.schedule-content{margin:0 auto;max-width:900px}.schedule-loading{align-items:center;color:var(--muted-color);display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;width:40px}.schedule-empty{align-items:center;color:var(--muted-color);display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.schedule-empty h3{color:var(--text-color);font-size:20px;font-weight:500;margin:0 0 8px}.schedule-empty p{color:var(--muted-color);font-size:14px;margin:0}.schedule-day-group{margin-bottom:32px}.schedule-date-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.date-label{background:var(--component-bg);border-radius:16px;color:var(--text-color);font-size:14px;font-weight:600;padding:4px 12px;text-transform:capitalize;white-space:nowrap}.date-line{background:var(--border-color);flex:1 1;height:1px}.schedule-item{border-left:4px solid #0000;border-radius:8px;display:flex;gap:16px;margin-bottom:8px;padding:16px;transition:all .2s}.schedule-item.meeting{background:var(--card-color);border-left-color:var(--accent-color);box-shadow:0 1px 3px var(--shadow);cursor:pointer}.schedule-item.meeting:hover{box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.schedule-item.holiday{background:var(--component-bg);border-left-color:#fbbc04}.schedule-item.holiday.public{border-left-color:#ea4335}.schedule-item.holiday.festival{border-left-color:#fbbc04}.schedule-time{align-items:center;color:var(--muted-color);display:flex;font-size:13px;font-weight:500;gap:4px;min-width:120px}.holiday-icon{font-size:24px}.time-label{font-size:13px;font-weight:500}.time-separator{margin:0 4px}.schedule-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.schedule-title{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:500;gap:8px}.holiday-title{font-size:15px;font-weight:600}.status-dot{flex-shrink:0}.schedule-meta{color:var(--muted-color);flex-wrap:wrap;font-size:13px;gap:12px}.meta-item,.schedule-meta{align-items:center;display:flex}.meta-item{gap:4px}.meta-icon{font-size:14px}.holiday-badge,.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.holiday-badge{background-color:#fbbc0433;color:#f9ab00}.schedule-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--muted-color);display:-webkit-box;font-size:13px;line-height:1.5;margin-top:4px;overflow:hidden}@media (max-width:768px){.schedule-view{padding:12px}.schedule-header-top{align-items:flex-start;flex-direction:column;gap:16px}.year-navigation{justify-content:space-between;width:100%}.year-display{flex:1 1}.schedule-header h2{font-size:20px}.schedule-item{flex-direction:column;gap:12px}.schedule-time{min-width:auto}.schedule-meta{align-items:flex-start;flex-direction:column;gap:6px}}.schedule-view::-webkit-scrollbar{width:8px}.schedule-view::-webkit-scrollbar-track{background:var(--scrollbar-track)}.schedule-view::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.schedule-view::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.roomfinder{box-sizing:border-box;display:flex;gap:24px;height:100%;padding:8px 12px 24px;width:100%}.roomfinder__column{display:flex;flex-direction:column;gap:16px}.roomfinder__column--form{flex:0 0 360px;max-width:380px}.roomfinder__column--results{flex:1 1;min-width:0}.roomfinder-card,.roomfinder-results{background:#f8f9fa;background:var(--component-bg,#f8f9fa);border:1px solid #e4e7ec;border:1px solid var(--border-color,#e4e7ec);border-radius:20px;box-shadow:0 18px 40px #0f172a1f;padding:24px}.roomfinder-card__header{background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:16px;color:#fff;margin-bottom:20px;padding:20px}.roomfinder-card__header .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:8px;opacity:.75;text-transform:uppercase}.roomfinder-card__header h2{font-size:24px;font-weight:600;margin:0}.roomfinder-card__header .subtitle{font-size:14px;margin-top:6px;opacity:.9}.roomfinder-form{gap:18px}.form-field,.roomfinder-form{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:#6b7280;color:var(--muted-color,#6b7280);font-size:14px;font-weight:500}.form-field input{background:#fff;border:1px solid #d7dde4;border:1px solid var(--border-color,#d7dde4);border-radius:12px;color:#111;color:var(--text-color,#111);font-size:15px;padding:12px 14px}.form-field input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826;outline:none}.form-field--grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.roomfinder-card .date-time-input,.roomfinder-card .date-time-input-wrapper,.roomfinder-card .date-time-picker{width:100%}.device-chip-group{display:flex;flex-wrap:wrap;gap:8px}.device-chip{background:#1a73e80d;border:1px solid #1a73e84d;border-radius:999px;color:#1a73e8;cursor:pointer;display:inline-flex;flex-direction:column;font-size:13px;line-height:1.3;min-width:96px;padding:8px 12px;text-align:left}.device-chip small{font-size:11px;opacity:.8}.device-chip.selected{background:#1a73e8;border-color:#1a73e8;color:#fff}.device-chip--empty{background:#0000;border-style:dashed;color:#6b7280;color:var(--muted-color,#6b7280);cursor:not-allowed}.form-error{background:#ea43351f;border:1px solid #ea43354d;border-radius:10px;color:#b42318;font-size:13px;padding:10px 12px}.form-actions-inline{align-items:center;display:flex;gap:12px;justify-content:space-between}.ghost-btn,.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease}.ghost-btn{background:#0000;border:1px dashed #d7dde4;border:1px dashed var(--border-color,#d7dde4);color:#6b7280;color:var(--muted-color,#6b7280)}.ghost-btn:hover{border-color:#1a73e899;color:#1a73e8;transform:translateY(-1px)}.primary-btn{background:#1a73e8;box-shadow:0 12px 20px #1a73e840;color:#fff}.primary-btn:disabled{cursor:not-allowed;opacity:.7}.primary-btn:not(:disabled):hover{box-shadow:0 16px 24px #1a73e859;transform:translateY(-1px)}.secondary-btn{background:#1a73e814;color:#1a73e8}.secondary-btn:hover{transform:translateY(-1px)}.roomfinder-results__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.roomfinder-results__header .eyebrow{color:#6b7280;color:var(--muted-color,#6b7280);font-size:12px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.roomfinder-results__header h2{margin:0}.roomfinder-results__header .subtitle{color:#6b7280;color:var(--muted-color,#6b7280);margin-top:4px}.badge{background:#4caf5026;border-radius:999px;color:#2e7d32;font-size:13px;font-weight:600;padding:8px 14px}.roomfinder-results__body{display:flex;flex-direction:column;min-height:320px}.room-list{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:8px}.room-card{background:#fff;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 8px 18px #0f172a14;padding:18px}.room-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.room-card__header h3{font-size:18px;margin:0}.muted-text{color:#6b7280;color:var(--muted-color,#6b7280);font-size:14px;margin-top:4px}.capacity-chip{background:#1a73e81a;border-radius:999px;color:#1a73e8;font-size:13px;font-weight:600;padding:6px 12px}.room-card__description{color:#111;color:var(--text-color,#111);line-height:1.4;margin:14px 0 10px}.room-card__devices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.device-pill{background:#0f766e14;border-radius:999px;color:#0f766e;font-size:12px;font-weight:600;padding:6px 12px}.device-pill--more{background:#0f172a12;color:#0f172a}.room-card__actions{display:flex;gap:12px;justify-content:flex-end}.state{align-items:center;border:1px dashed #0f172a26;border-radius:16px;color:#6b7280;color:var(--muted-color,#6b7280);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:32px 24px;text-align:center}.state--loading .spinner{animation:spin 1s linear infinite;border:4px solid #1a73e833;border-radius:50%;border-top-color:#1a73e8;height:36px;width:36px}.state--empty .emoji{font-size:32px}@media (max-width:1024px){.roomfinder{flex-direction:column}.roomfinder__column--form,.roomfinder__column--results{flex:none;max-width:100%}}@media (max-width:640px){.roomfinder-card,.roomfinder-results{padding:20px}.room-card__actions{flex-direction:column}}.room-schedule-view{background:var(--bg-color);width:100%}.no-room-selected,.room-schedule-view{display:flex;flex-direction:column;height:100%}.no-room-selected{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:center;min-height:400px;text-align:center}.no-room-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-room-text{color:#6c757d;font-size:16px;font-weight:500}.schedule-timetable-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.schedule-timetable-wrapper>div{height:100%;width:100%}.loading-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6c757d;display:flex;flex:1 1;flex-direction:column;font-size:16px;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:48px;margin-bottom:16px}.inline-loader{align-items:center;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #00000014;display:inline-flex;gap:8px;padding:8px 12px}.inline-loader .hourglass{font-size:32px}.inline-loader .ring-loader{animation:ring-spin .9s linear infinite;border-color:#4285f4 #4285f4 #4285f440 #4285f440;border-radius:50%;border-style:solid;border-width:3px;height:28px;width:28px}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.room-schedule-view{height:auto;min-height:100vh}.schedule-timetable-wrapper{min-height:60vh}.loading-state,.no-room-selected{min-height:300px}.loading-spinner,.no-room-icon{font-size:40px}}.room-detail-view{background:#fff;background:var(--bg-color,#fff);display:flex;flex-direction:column;inset:0;position:fixed;z-index:1200}.room-detail-content{display:flex;flex:1 1;flex-direction:column;height:100%;padding:32px 40px;width:100%}.room-detail-header{align-items:flex-start;border-bottom:1px solid #e0e3eb;border-bottom:1px solid var(--border-color,#e0e3eb);display:flex;gap:24px;justify-content:space-between;padding-bottom:16px}.room-detail-header h2{margin:4px 0 0}.room-detail-body{display:flex;flex:1 1;gap:28px;margin-top:24px;overflow:hidden}.room-detail-info{background:#f8f9fb;background:var(--component-bg,#f8f9fb);border:1px solid #e0e3eb;border:1px solid var(--border-color,#e0e3eb);border-radius:20px;flex:0 0 320px;overflow-y:auto;padding:18px}.info-item{flex-direction:column;gap:4px;margin-bottom:14px}.info-label{color:#6b7280;color:var(--muted-color,#6b7280);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.info-value{color:var(--text-color);font-size:15px;font-weight:600}.room-description{margin-top:18px}.room-description p{line-height:1.5;margin-top:6px}.room-detail-schedule{background:#fdfdfd;background:var(--component-bg,#fdfdfd);border:1px solid #e0e3eb;border:1px solid var(--border-color,#e0e3eb);border-radius:20px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:18px}.schedule-header{align-items:center;border-bottom:1px solid #e0e3eb;border-bottom:1px solid var(--border-color,#e0e3eb);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.schedule-view-switch{border:1px solid #d0d5dd;border:1px solid var(--border-color,#d0d5dd);border-radius:999px;display:inline-flex;overflow:hidden}.schedule-view-switch button{background:#0000;border:none;color:#6b7280;color:var(--muted-color,#6b7280);cursor:pointer;font-weight:600;padding:8px 16px}.schedule-view-switch button.active{background:#1a73e8;color:#fff}.schedule-wrapper{border-radius:16px;flex:1 1;margin-top:8px;min-height:0;overflow:auto}@media (max-width:1024px){.room-detail-content{padding:20px}.room-detail-body{flex-direction:column}.room-detail-info{flex:none}}.meeting-reminder-notification{animation:slideInRight .3s ease;background:#fff;border-left:4px solid #fbbc04;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:calc(100vw - 40px);overflow:hidden;position:fixed;right:20px;top:20px;width:400px;z-index:10002}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.reminder-header{align-items:flex-start;background:linear-gradient(135deg,#fff9e6,#fffbf0);border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:16px}.reminder-icon{align-items:center;background:#fbbc04;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.reminder-icon svg{height:24px;width:24px}.reminder-title{flex:1 1}.reminder-title h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.reminder-time-badge{background:#fbbc04;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin:0;padding:4px 8px}.reminder-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:24px}.reminder-close:hover{color:#666}.reminder-content{padding:16px}.reminder-meeting-title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:16px}.reminder-details{display:flex;flex-direction:column;gap:12px}.reminder-detail-item{align-items:flex-start;display:flex;font-size:14px;gap:8px}.reminder-detail-label{color:#666;flex-shrink:0;min-width:80px}.reminder-detail-value{color:#1a1a1a;flex:1 1;font-weight:500}.reminder-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:16px}.reminder-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.reminder-btn-primary{background:#4285f4;color:#fff}.reminder-btn-primary:hover{background:#357ae8}.reminder-btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.reminder-btn-secondary:hover{background:#f5f5f5;border-color:#ccc}[data-theme=dark] .meeting-reminder-notification{background:#2d2d2d;border-left-color:#fbbc04}[data-theme=dark] .reminder-header{background:linear-gradient(135deg,#3d3d2d,#2d2d1d);border-bottom-color:#404040}[data-theme=dark] .reminder-meeting-title,[data-theme=dark] .reminder-title h3{color:#e0e0e0}[data-theme=dark] .reminder-detail-label{color:#999}[data-theme=dark] .reminder-detail-value{color:#e0e0e0}[data-theme=dark] .reminder-actions{background:#252525;border-top-color:#404040}[data-theme=dark] .reminder-btn-secondary{background:#3d3d3d;border-color:#555;color:#e0e0e0}[data-theme=dark] .reminder-btn-secondary:hover{background:#4d4d4d;border-color:#666}@media (max-width:480px){.meeting-reminder-notification{right:10px;top:10px;width:calc(100vw - 20px)}.reminder-actions{flex-direction:column}.reminder-btn{width:100%}}.change-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.change-password-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.change-password-header{align-items:center;display:flex;gap:16px;margin-bottom:30px;position:relative}.back-button{align-items:center;background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .2s ease}.back-button:hover{background:#667eea1a;transform:translateX(-2px)}.change-password-header h2{color:#1a1a1a;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;margin:0}.settings-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:auto;transition:background-color .2s ease;width:40px}.settings-button:hover{background-color:#667eea1a}.settings-icon{color:#667eea;font-size:20px;transition:color .2s ease}.settings-button:hover .settings-icon{color:#764ba2}.message{animation:slideDown .3s ease;font-size:14px;margin-bottom:20px}.message.success{background:#d1fae5}.message.error{background:#fee2e2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.change-password-form{gap:24px}.change-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:2px solid #e5e7eb;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;outline:none;padding:12px 45px 12px 16px;transition:all .3s ease;width:100%}.password-input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.password-input-wrapper input:disabled{background:#f3f4f6;cursor:not-allowed}.toggle-password{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:12px;transition:color .2s ease}.toggle-password:hover{color:#667eea}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel,.btn-submit{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-cancel:active,.btn-submit:active{transform:translateY(0)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.change-password-container{padding:15px}.change-password-card{padding:30px 20px}.change-password-header h2{font-size:24px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.profile-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.profile-header-left{align-items:center;display:flex;gap:12px}.profile-back-button{align-items:center;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:color .2s ease;width:40px}.profile-back-button:hover{color:#111827}.profile-header-brand{align-items:center;display:flex;gap:8px}.profile-header-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.profile-header-icon{color:#374151;font-size:18px}.profile-header-logo-wrapper{align-items:center;background:#0000;border-radius:8px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.profile-header-logo{background:#0000;border-radius:6px;height:100%;object-fit:cover;width:100%}.profile-header-title{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 0 12px}.profile-settings-container{margin-right:24px;position:relative}.profile-settings-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.profile-settings-button:hover{background-color:#f3f4f6}.profile-settings-icon{color:#374151;font-size:20px;transition:color .2s ease}.profile-settings-button:hover .profile-settings-icon{color:#111827}.profile-settings-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:150px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-logout-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.profile-logout-btn:hover{background-color:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.profile-avatar-container{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-avatar-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1;pointer-events:auto}.profile-avatar-camera{color:#fff;font-size:24px;transform:scale(.8);transition:all .3s ease}.profile-avatar-wrapper:hover .profile-avatar-camera{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:scale(1.2)}.profile-main-container{align-items:center;background:#fff;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin-top:60px;min-height:100vh;padding:80px 20px 40px;position:relative}.profile-btn-row{gap:20px;margin-top:40px}.profile-save-btn{background:#73c7ca;border:1px solid #4b4f52;border-radius:15px;color:#fff;font-family:Timmana,Arial,sans-serif;font-size:20px;font-weight:400;padding:12px 32px;transition:background .2s}.profile-save-btn:hover{background:#4b4f52;color:#fff}.profile-avatar{align-items:center;background-clip:content-box,border-box;background-color:#f8fafc;background-color:#f3f4f6;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;border:4px solid #0000;border-radius:50%;box-shadow:0 15px 35px #0000001a,0 5px 15px #0000000d;color:#667eea;display:flex;font-size:48px;font-weight:600;height:180px;justify-content:center;object-fit:cover;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:180px}.profile-avatar:hover{box-shadow:0 20px 50px #00000026,0 10px 25px #0000001a;transform:scale(1.05)}.simple-profile-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-fields{display:flex;flex:1 1;flex-direction:column;gap:32px;margin-left:0}.profile-field-row{align-items:center;display:flex;gap:24px}.profile-account-type{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.profile-account-badge{border-radius:16px;font-size:14px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.profile-account-badge.oauth2{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.profile-account-badge.traditional{background-color:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.profile-account-note{color:#6b7280;font-size:12px;font-style:italic}.profile-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px}.profile-top-message{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;left:50%;max-width:300px;padding:12px 20px;position:fixed;text-align:center;top:80px;transform:translateX(-50%);z-index:9999}.profile-top-message,.profile-top-message.success{background-color:#4caf50;color:#fff}.profile-top-message.error{background-color:#f44336;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-message-text{font-size:14px;font-weight:500}.profile-message-text.success{color:#059669}.profile-message-text.error{color:#dc2626}.profile-label{color:#374151;font-size:18px;font-weight:600;letter-spacing:.5px;text-align:right;width:140px}.profile-input,.profile-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-input{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;height:50px;outline:none;padding:12px 60px 12px 20px;transition:all .3s ease;width:100%}.profile-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.profile-input:hover{border-color:#d1d5db}.profile-input-container{align-items:center;display:flex;position:relative;width:400px}.profile-input.readonly{background:#f8fafccc;cursor:default}.profile-input.editing{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.profile-input.disabled{color:#6b7280;cursor:not-allowed}.profile-input.disabled,.profile-input.disabled:hover{background:#e5e7eb80;border-color:#e5e7eb}.profile-edit-actions{align-items:center;display:flex;gap:4px;position:absolute;right:12px}.profile-edit-btn{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.profile-edit-btn:hover{background:#667eea1a;color:#764ba2}.profile-edit-btn.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.profile-edit-btn.disabled:hover{background:none;color:#9ca3af}.profile-edit-buttons{display:flex;gap:4px}.profile-save-btn{align-items:center;background:none;border:none;border-radius:4px;color:#059669;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.profile-save-btn:hover{background:#0596691a;color:#047857}.profile-cancel-btn{align-items:center;background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.profile-cancel-btn:hover{background:#dc26261a;color:#991b1b}.profile-btn-row{display:flex;justify-content:center;margin-top:30px;width:100%}.profile-reset-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600;height:55px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;width:280px}.profile-reset-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.profile-reset-btn:active{box-shadow:0 8px 25px #667eea4d;transform:translateY(-1px)}.profile-reset-btn.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}.profile-reset-btn.disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}.profile-reset-btn.disabled:active,.profile-reset-btn.disabled:hover{box-shadow:0 8px 25px #9ca3af4d;transform:none}.profile-google-calendar-icon{font-size:24px}.profile-avatar-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;height:55px;margin-right:16px;transition:all .3s ease;width:140px}.profile-avatar-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 15px 40px #28a74566;transform:translateY(-3px)}.profile-avatar-btn:active{box-shadow:0 8px 25px #28a7454d;transform:translateY(-1px)}.profile-content-layout{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:32px;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a;display:flex;gap:80px;max-width:1000px;padding:50px 60px;transition:transform .3s ease,box-shadow .3s ease;width:90%}.profile-content-layout:hover{box-shadow:0 30px 60px #0003,0 0 0 1px #fff3;transform:translateY(-5px)}.message{animation:fadeIn .3s ease-out;border-radius:8px;font-weight:500;margin:16px 0;padding:12px 16px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;box-shadow:0 4px 15px #10b9811a;color:#065f46}.message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;box-shadow:0 4px 15px #ef44441a;color:#991b1b}.fas.fa-spinner.fa-spin{animation:spin 1s linear infinite}.profile-error{background:#fffffff2;border-radius:20px;box-shadow:0 25px 50px #00000026;color:#ef4444;margin:20px;padding:60px 40px;text-align:center}.profile-error h2{font-size:1.5rem;margin-bottom:20px}.profile-error button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.profile-error button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.profile-content-layout{flex-direction:column;gap:40px;padding:40px 30px;width:95%}.profile-field-row{align-items:flex-start;flex-direction:column;gap:8px}.profile-label{text-align:left;width:auto}.profile-input-container{width:100%}.profile-reset-btn{margin-top:12px;width:100%}}@media (max-width:480px){.profile-main-container{padding:70px 15px 30px}.profile-content-layout{gap:30px;padding:30px 20px}.profile-avatar{height:150px;width:150px}.profile-header-title{font-size:16px}}.profile-google-calendar-container{width:100%}.profile-google-calendar-status{background:#fffffff2;border:2px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.profile-google-calendar-status:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.profile-google-calendar-status-header{align-items:center;display:flex;gap:16px}.profile-google-calendar-icon{flex-shrink:0;font-size:32px}.profile-google-calendar-icon.connected{color:#34a853}.profile-google-calendar-icon.disconnected{color:#9ca3af}.profile-google-calendar-status-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.profile-google-calendar-status-title{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600}.profile-google-calendar-status-email{color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.profile-google-calendar-status-description{color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4}.profile-google-calendar-status-badge{align-items:center;background:#d1fae5;border-radius:12px;color:#065f46;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.profile-google-calendar-status-badge.disconnected{background:#f3f4f6;color:#6b7280}.status-dot{background:#34a853;border-radius:50%;display:inline-block;height:8px;width:8px}.profile-google-calendar-status-badge.disconnected .status-dot{background:#9ca3af}.profile-google-calendar-sync-notice{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:12px;color:#065f46;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.sync-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.profile-google-calendar-error{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:14px;padding:12px 16px}.profile-google-calendar-disconnect-btn,.profile-google-calendar-error{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-google-calendar-disconnect-btn{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:45px;justify-content:center;transition:all .3s ease;width:100%}.profile-google-calendar-disconnect-btn:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.profile-google-calendar-disconnect-btn:active{transform:translateY(0)}.profile-google-calendar-disconnect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-google-calendar-btn{align-items:center;background:linear-gradient(135deg,#4285f4,#34a853);border:none;border-radius:16px;box-shadow:0 8px 25px #4285f44d;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;gap:12px;height:55px;justify-content:center;letter-spacing:.5px;transition:all .3s ease;width:100%}.profile-google-calendar-btn:hover{background:linear-gradient(135deg,#34a853,#4285f4);box-shadow:0 15px 40px #4285f466;transform:translateY(-3px)}.profile-google-calendar-btn:active{box-shadow:0 8px 25px #4285f44d;transform:translateY(-1px)}.profile-google-calendar-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}.profile-google-calendar-btn:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 8px 25px #9ca3af4d;transform:none}[data-theme=dark] .profile-google-calendar-status{background:#2d2d2df2;border-color:#404040}[data-theme=dark] .profile-google-calendar-status:hover{border-color:#555}[data-theme=dark] .profile-google-calendar-status-title{color:#e0e0e0}[data-theme=dark] .profile-google-calendar-status-email{color:#999}[data-theme=dark] .profile-google-calendar-status-description{color:#777}[data-theme=dark] .profile-google-calendar-disconnect-btn{background:#3d3d3d;border-color:#ef4444;color:#ef4444}[data-theme=dark] .profile-google-calendar-disconnect-btn:hover{background:#ef4444;color:#fff}@media (max-width:768px){.profile-google-calendar-status-header{flex-wrap:wrap}.profile-google-calendar-status-badge{justify-content:center;margin-top:8px;width:100%}}.invitation-response-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.invitation-response-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:600px;overflow:hidden;width:100%}.invitation-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invitation-loading p{color:#666;font-size:16px;margin:0}.invitation-success{padding:40px;text-align:center}.success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.invitation-success h1{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 10px}.invitation-error{padding:40px;text-align:center}.error-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.invitation-error h1{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 10px}.invitation-message{color:#666;font-size:16px;line-height:1.5;margin:10px 0 30px}.invitation-message.error{color:#dc2626;font-weight:500}.meeting-info{background:#f9fafb;border-radius:8px;margin:30px 0;padding:24px;text-align:left}.meeting-info h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.info-item{border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#4b5563;font-weight:600;min-width:150px}.info-item .value{color:#1f2937;flex:1 1;text-align:right;word-break:break-word}.invitation-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:6px;display:inline-block;font-size:15px;padding:12px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media (max-width:600px){.invitation-response-container{padding:16px}.invitation-response-card{border-radius:8px}.invitation-error,.invitation-loading,.invitation-success{padding:30px 20px}.meeting-info{padding:16px}.info-item{flex-direction:column;gap:8px}.info-item .label{min-width:0;min-width:auto}.info-item .value{text-align:left}.error-icon,.success-icon{font-size:40px;height:70px;width:70px}.invitation-error h1,.invitation-success h1{font-size:24px}.invitation-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.invite-page{align-items:center;background:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:24px}.invite-card{background:#fff;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 10px 24px #00000014;padding:20px;text-align:center;width:420px}.invite-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:8px}.invite-group{color:#2563eb;font-size:18px;font-weight:600;margin-bottom:6px}.invite-desc{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:16px}.invite-actions{display:flex;gap:10px;justify-content:center}.btn-primary,.btn-secondary{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background:#f8fafc;color:#1f2937}.btn-secondary:hover{background:#e5e7eb}.user-management-container{padding:0}.notification-message{font-size:14px;line-height:1.4}.users-table-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead tr{background-color:#f8f9fa}.users-table th{border-bottom:1px solid #dee2e6;font-weight:600;padding:16px;text-align:left}.users-table th.center{text-align:center}.device-list-container{padding:0}.api-error-banner{margin-bottom:16px;padding:12px 16px}.api-error-content{align-items:center}.filter-bar{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;padding:20px}.filter-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-input-wrapper{min-width:250px}.search-input{font-size:15px;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#007bff}.type-filter-select{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:15px;min-width:200px;outline:none;padding:12px 16px}.clear-filter-button{font-weight:500;padding:12px 20px;white-space:nowrap}.results-count{color:#666;font-size:14px;font-weight:500;margin-left:auto;white-space:nowrap}.devices-table-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.devices-table{border-collapse:collapse;width:100%}.devices-table thead tr{background-color:#f8f9fa}.devices-table th{border-bottom:1px solid #dee2e6;font-weight:600;padding:16px;text-align:left}.devices-table th.center{text-align:center}.empty-state{padding:40px}.room-management-container{padding:0}.notification-toast{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:350px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.notification-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.notification-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification-content{align-items:flex-start;display:flex;justify-content:space-between}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:10px;padding:0}.api-error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#721c24;max-width:500px;min-width:350px;padding:16px 20px;position:fixed;right:20px;top:80px;z-index:9999}.api-error-content{align-items:flex-start;display:flex;justify-content:space-between}.api-error-message{font-size:14px;line-height:1.4;margin-bottom:10px}.api-error-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:10px;padding:0;position:absolute;right:8px;top:8px}.api-error-actions{margin-top:10px;text-align:right}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-title{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#7f8c8d;font-size:16px;margin:0}.header-actions{display:flex;gap:12px}.add-button{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:48px;justify-content:center;padding:12px;width:48px}.search-bar{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;padding:20px}.search-content{align-items:center;display:flex;gap:12px}.search-input-wrapper{flex:1 1;position:relative}.search-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px 12px 44px;width:100%}.search-icon{color:#666;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.clear-filter-button{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px}.rooms-table-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:30px;overflow:auto}.rooms-table{border-collapse:collapse;font-size:14px;min-width:900px;width:100%}.rooms-table thead tr{background-color:#f8f9fa}.rooms-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:16px;text-align:left}.empty-state,.rooms-table th.center{text-align:center}.empty-state{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;color:#666;padding:60px 40px}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{font-size:18px;margin-bottom:8px}.empty-state-subtitle{color:#999;font-size:14px}.action-loading-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.action-loading-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:30px 40px;text-align:center}.action-loading-title{color:#666;font-size:20px;margin-bottom:10px}.action-loading-subtitle{color:#999;font-size:14px}
/*# sourceMappingURL=main.a268ec70.css.map*/