@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap);#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8faff,#f5f7ff);color:#4a5568;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}:root,wwwwwww{--primary-color:#5a67d8;--secondary-color:#f6ad55;--accent-color:#90cdf4;--text-primary:#2d3748;--text-secondary:#718096;--background-light:#fff;--background-dark:#f7fafc;--gradient-primary:linear-gradient(135deg,#5a67d8,#f6ad55);--gradient-light:linear-gradient(180deg,#f0f9ff,#fff7ed);--shadow-light:0 5px 20px #5a67d814;--shadow-medium:0 10px 40px #5a67d81f;--shadow-dark:0 20px 60px #5a67d826}button{background:linear-gradient(135deg,#5a67d8,#4c51bf);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease;&:focus{outline:none}&:focus-visible{outline:none}&:hover{box-shadow:0 10px 40px #5a67d81f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}&:active{transform:translateY(0)}}.gradient-text{background:linear-gradient(135deg,#5a67d8,#f6ad55);-webkit-background-clip:text;background-clip:text;color:#0000}.card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #5a67d814;box-shadow:var(--shadow-light);padding:24px;transition:all .3s ease;&:hover{box-shadow:0 10px 40px #5a67d81f;box-shadow:var(--shadow-medium);transform:translateY(-5px)}}.App{text-align:center}.app-container{height:100%;overflow-x:hidden;overflow-y:hidden}.layout-wrapper{background:#f5f7fa;display:flex;gap:10px;height:100%;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-container{flex-shrink:0;height:100vh;overflow:visible!important;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1001;&.collapsed{width:70px}&.expanded{width:220px}}.main-content{background:#0000;flex-grow:1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.sidebar-container.collapsed+.main-content{padding-left:0;width:calc(100% - 70px)}.sidebar-container.expanded+.main-content{width:calc(100% - 220px)}.page-container{background:#fff;border-radius:20px;box-shadow:0 5px 20px #5a67d80d;min-height:100%;padding:0;@media (max-width:768px){border-radius:16px;min-height:calc(100vh - 8rem);padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #5a67d81a;border-radius:20px;box-shadow:0 10px 40px #5a67d81a}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#5a67d80d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5a67d8,#90cdf4);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4c51bf,#63b3ed)}.page-transition{animation:fadeIn .4s ease-out}@media (max-width:768px){.app-container{display:block}.layout-wrapper{flex-direction:column;padding:0}.sidebar-container{bottom:0;position:fixed;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease,height .35s ease,visibility .35s ease;width:100%!important;z-index:1002}.sidebar-container.collapsed{height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(100%);visibility:hidden}.sidebar-container.expanded{height:90vh;min-height:0;opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0);visibility:visible}.main-content{height:100vh;margin-bottom:0;margin-left:0!important;padding:0;width:100%!important}.layout-wrapper.calendar-layout .sidebar-container,.layout-wrapper.files-layout .sidebar-container,.layout-wrapper.messages-layout .sidebar-container,.layout-wrapper.profile-layout .sidebar-container{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),height .35s ease,visibility .35s ease}.layout-wrapper.calendar-layout .sidebar-container.expanded .sidebar,.layout-wrapper.files-layout .sidebar-container.expanded .sidebar,.layout-wrapper.messages-layout .sidebar-container.expanded .sidebar,.layout-wrapper.profile-layout .sidebar-container.expanded .sidebar{visibility:visible}.layout-wrapper.calendar-layout .main-content,.layout-wrapper.files-layout .main-content,.layout-wrapper.messages-layout .main-content,.layout-wrapper.profile-layout .main-content{margin-bottom:0!important;position:relative;transition:margin-bottom .35s cubic-bezier(.4,0,.2,1);z-index:1}.sidebar-overlay{z-index:1001!important}.layout-wrapper.calendar-layout .sidebar-container,.layout-wrapper.files-layout .sidebar-container,.layout-wrapper.messages-layout .sidebar-container,.layout-wrapper.profile-layout .sidebar-container{z-index:1002!important}}.sidebar{--sidebar-width-collapsed:70px;--sidebar-width-expanded:220px;--primary-color:#5a67d8;--primary-dark:#4c51bf;--secondary-color:#f6ad55;--bg-gradient:linear-gradient(180deg,#f0f9ff,#fff7ed);--hover-color:#71809614;--text-color:#4a5568;--text-light:#718096;--white:#fff;--gray:#718096;--shadow:0 10px 40px #7180961a;--border-color:#e2e8f0cc;--dropdown-bg:#fff;--icon-color:#718096;--active-bg:#5a67d81a;--avatar-shadow:#5a67d833}.sidebar.dark{--bg-gradient:linear-gradient(180deg,#2d3748,#1a202c);--hover-color:#9f7aea26;--text-color:#e2e8f0;--text-light:#a0aec0;--white:#fff;--gray:#cbd5e0;--shadow:0 10px 40px #0000004d;--border-color:#9f7aea33;--dropdown-bg:#2d3748;--icon-color:#cbd5e0;--active-bg:#9f7aea33;--avatar-shadow:#9f7aea4d;--primary-color:#9f7aea;--primary-dark:#805ad5}.sidebar{background:var(--bg-gradient);border-radius:25px;border-right:none;border:1px solid var(--border-color);box-shadow:var(--shadow);display:flex;flex-direction:column;height:calc(100vh - 30px);overflow-x:hidden;overflow-y:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1002}.sidebar.collapsed .theme-toggle-btn{display:none}.sidebar.expanded{box-shadow:0 15px 50px var(--border-color);width:100%}.sidebar .theme-toggle-btn,.sidebar .toggle-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(var(--primary-color-rgb),.15);border:none;border-radius:8px;color:var(--primary-color);cursor:pointer;display:flex;height:28px;justify-content:center;outline:none;padding:0;position:absolute;top:15px;transition:background .2s ease;width:28px;z-index:10}.sidebar .theme-toggle-btn svg,.sidebar .toggle-btn svg{stroke-width:2;color:var(--primary-color);height:16px;width:16px}.sidebar .theme-toggle-btn:hover,.sidebar .toggle-btn:hover{background:var(--primary-color)}.sidebar .theme-toggle-btn:hover svg,.sidebar .toggle-btn:hover svg{color:#fff}.sidebar .theme-toggle-btn{left:15px}.sidebar .toggle-btn{right:15px}.sidebar .sidebar-date{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;border-bottom:1px solid var(--border-color);color:var(--text-light);color:#0000;font-family:Segoe UI,SF Pro Display,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:1.4;max-height:80px;opacity:1;overflow:hidden;padding:60px 20px 20px;transition:opacity .2s ease}.sidebar .sidebar-date.hidden{border:none;margin:0;max-height:0;opacity:0;padding:0 20px;pointer-events:none}.sidebar .sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:15px 12px}.sidebar .sidebar-nav .nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:42px;padding:10px 12px;text-align:left;transition:background .2s ease;white-space:nowrap}.sidebar .sidebar-nav .nav-item .nav-icon{align-items:center;color:var(--icon-color);display:flex;font-size:20px;justify-content:center;min-width:20px}.sidebar .sidebar-nav .nav-item .nav-label{color:var(--text-color);flex-grow:1;font-size:14px;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sidebar .sidebar-nav .nav-item:hover{background:var(--hover-color)}.sidebar .sidebar-nav .nav-item:hover .nav-icon{color:var(--primary-color)}.sidebar .sidebar-nav .nav-item.active{background:var(--active-bg);color:var(--primary-color)}.sidebar .sidebar-nav .nav-item.active .nav-icon{color:var(--primary-color)}.sidebar .sidebar-profile{border-top:1px solid var(--border-color);margin-top:auto;padding:15px;position:relative}.sidebar .sidebar-profile .profile-container{align-items:center;border-radius:12px;cursor:pointer;display:flex;padding:8px;transition:background .2s ease}.sidebar .sidebar-profile .profile-container:hover{background:var(--hover-color)}.sidebar .sidebar-profile .profile-container:hover .avatar{box-shadow:0 0 15px var(--avatar-shadow)}.sidebar .sidebar-profile .profile-container .avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px;box-shadow:0 4px 10px var(--avatar-shadow);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.sidebar .sidebar-profile .profile-container .avatar .avatar-image{height:100%;object-fit:cover;width:100%}.sidebar .sidebar-profile .profile-container .profile-info{margin-left:10px;overflow:hidden}.sidebar .sidebar-profile .profile-container .profile-info .profile-name{color:var(--text-color);display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-profile .profile-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:14px;bottom:calc(100% + 8px);box-shadow:var(--shadow);left:0;padding:6px;position:absolute;z-index:2000}.sidebar .sidebar-profile .profile-dropdown.expanded{animation:slideInExpanded .2s ease;left:15px;min-width:180px;right:15px}.sidebar .sidebar-profile .profile-dropdown.collapsed{animation:slideInCollapsed .2s ease;left:50%;min-width:auto;transform:translateX(-50%)}.sidebar .sidebar-profile .profile-dropdown .dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:10px 14px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.sidebar .sidebar-profile .profile-dropdown .dropdown-item svg{color:var(--icon-color);flex-shrink:0;font-size:16px}.sidebar .sidebar-profile .profile-dropdown .dropdown-item span{margin-left:10px}.sidebar .sidebar-profile .profile-dropdown .dropdown-item:hover{background:var(--hover-color);color:var(--primary-color)}.sidebar .sidebar-profile .profile-dropdown .dropdown-item:hover svg{color:var(--primary-color)}.sidebar .sidebar-profile .dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.sidebar.collapsed .sidebar-nav{padding:70px 6px 15px}.sidebar.collapsed .sidebar-nav .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-nav .nav-item .nav-icon{font-size:20px;margin:0 auto}.sidebar.collapsed .theme-toggle-btn{left:50%;transform:translateX(-50%)}.sidebar.collapsed .sidebar-profile{padding:15px 6px}.sidebar.collapsed .sidebar-profile .profile-container{justify-content:center}.sidebar.collapsed .sidebar-profile .profile-container .avatar{margin:0 auto}.sidebar.collapsed .sidebar-profile .profile-container .profile-info{display:none}.sidebar.collapsed .sidebar-profile .profile-dropdown.collapsed .dropdown-item{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-profile .profile-dropdown.collapsed .dropdown-item svg{margin:0}.sidebar.collapsed .sidebar-profile .profile-dropdown.collapsed .dropdown-item span{display:none}.sidebar.expanded .nav-item .nav-label{opacity:1}.sidebar-overlay{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;cursor:pointer;display:none;left:0;position:fixed;right:0;top:0;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1);z-index:1001}@media(max-width:768px){.sidebar-overlay{display:block;opacity:0;pointer-events:none;visibility:hidden}.sidebar-overlay.active{opacity:1;pointer-events:auto;visibility:visible}}@keyframes slideInExpanded{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInCollapsed{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.sidebar{align-items:center;border-right:none;border:1px solid var(--border-color);border-radius:0;box-shadow:0 -10px 40px #9f7aea33;flex-direction:row;height:70px;margin:0;padding:0 10px;position:fixed;top:auto;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);width:auto}.sidebar.expanded{align-items:stretch;box-shadow:0 -10px 40px #9f7aea4d;flex-direction:column;height:90vh;padding:0;transform:translateY(0)}.sidebar.collapsed{box-shadow:none!important;left:0;right:0;transform:translateY(calc(100% + 20px));visibility:visible}.sidebar .toggle-btn{background:#ffffffd9;border-radius:12px;box-shadow:0 6px 16px #0f172a1f;height:35px;position:absolute;right:8px;top:8px;width:35px}.sidebar .sidebar-date{display:none}.sidebar .sidebar-nav{align-items:center;flex:1 1;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 10px}.sidebar .sidebar-nav .nav-item{border-radius:16px;flex-direction:column;flex-shrink:0;gap:4px;padding:8px}.sidebar .sidebar-nav .nav-item .nav-icon{font-size:20px}.sidebar .sidebar-nav .nav-item .nav-label{font-size:11px;opacity:1;transform:none}.sidebar .sidebar-profile{border-left:1px solid var(--border-color);border-top:none;flex-shrink:0;margin:0;padding:0 56px 0 12px}.sidebar .sidebar-profile .profile-container .profile-info{display:none}.sidebar .sidebar-profile .profile-dropdown{bottom:calc(100% + 10px);left:50%;min-width:200px;transform:translateX(-50%)}.sidebar .sidebar-profile .profile-dropdown.collapsed,.sidebar .sidebar-profile .profile-dropdown.expanded{animation:slideInMobile .2s ease;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.sidebar.collapsed .sidebar-nav{padding-top:0}.sidebar.expanded .sidebar-nav{flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:96px 20px 20px}.sidebar.expanded .sidebar-nav .nav-item{flex-direction:row;gap:12px;justify-content:flex-start;padding:12px 16px}.sidebar.expanded .sidebar-nav .nav-item .nav-label{font-size:14px}.sidebar.expanded .sidebar-profile{border-left:none;border-top:1px solid var(--border-color);padding:16px 20px}@keyframes slideInMobile{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}}.login-container .form-section h2{color:#292524;margin-bottom:1.5rem;text-align:center}.login-container .form-section .input-field{margin-bottom:1.8rem;position:relative}.login-container .form-section .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;pointer-events:none;position:absolute;top:-10px;z-index:1}.login-container .form-section .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.75rem;padding:2px;position:relative}.login-container .form-section .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem 2.7rem 1rem 1rem;width:100%}.login-container .form-section .input-field .input-wrapper input:focus{outline:none}.login-container .form-section .input-field .input-wrapper .password-toggle{color:#78716c;cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.login-container .form-section .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.login-container .form-section .input-field:focus-within label{color:#0d9488}.login-container .form-section .remember-me{align-items:center;background:linear-gradient(135deg,#fff,#fafaf9);border:1px solid #e7e5e4;border-radius:999px;box-shadow:0 8px 18px #1c19170f;cursor:pointer;display:flex;gap:.75rem;justify-content:center;margin:1.4rem 0 1.8rem;overflow:hidden;padding:.7rem 1.3rem;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.login-container .form-section .remember-me:before{background:linear-gradient(120deg,#0d948814,#05966914);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.login-container .form-section .remember-me:hover{border-color:#0d948880;box-shadow:0 12px 26px #1c191714;transform:translateY(-2px)}.login-container .form-section .remember-me:hover:before{opacity:1}.login-container .form-section .remember-me input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #d6d3d1;border-radius:6px;cursor:pointer;height:20px;margin:0;position:relative;transition:all .3s ease;width:20px;z-index:1}.login-container .form-section .remember-me input[type=checkbox]:checked{background-color:#0d9488;border-color:#0d9488}.login-container .form-section .remember-me input[type=checkbox]:checked:before{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container .form-section .remember-me span{color:#44403c;font-size:.95rem;font-weight:600;position:relative;z-index:1}.login-container .form-section .auth-button{background:linear-gradient(135deg,#0d9488,#059669);border:none;border-radius:.85rem;box-shadow:0 10px 24px #0d948838;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.login-container .form-section .auth-button:hover{box-shadow:0 14px 28px #0d94884d;transform:translateY(-1px)}.login-container .form-section .auth-button:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.login-container .form-section .error-message{color:#ef4444;font-size:.9rem;margin-bottom:1rem;opacity:0;pointer-events:none;text-align:center;transform:translateY(-6px);transition:all .3s ease}.login-container .form-section .error-message.visible{opacity:1;transform:translateY(0)}.auth-links{display:flex;flex-direction:column;gap:.6rem;margin-top:1.1rem}.forgot-password-link,.register-link{color:#292524;cursor:pointer;font-size:.95rem;font-weight:600;text-align:center;transition:color .2s ease}.forgot-password-link:hover,.register-link:hover{color:#0d9488}.name-container .form-section h2{color:#292524;font-size:2rem;margin-bottom:.5rem;text-align:center}.name-container .form-section .step-info{color:#44403c;font-size:.9rem;margin-bottom:.75rem;text-align:center}.name-container .form-section .input-group{display:flex;flex-direction:column;gap:1.8rem;margin:2rem 0 1.5rem}.name-container .form-section .input-group .input-field{position:relative}.name-container .form-section .input-group .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;pointer-events:none;position:absolute;top:-10px;z-index:1}.name-container .form-section .input-group .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.75rem;padding:2px}.name-container .form-section .input-group .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem;width:100%}.name-container .form-section .input-group .input-field .input-wrapper input:focus{outline:none}.name-container .form-section .input-group .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.name-container .form-section .input-group .input-field:focus-within label{color:#0d9488}.name-container .form-section .button-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.name-container .form-section .button-group .btn.next{background:linear-gradient(135deg,#0d9488,#059669);border:none;border-radius:.85rem;box-shadow:0 10px 24px #0d948838;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease}.name-container .form-section .button-group .btn.next:hover{transform:translateY(-1px)}.name-container .form-section .button-group .btn.next:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.name-container .form-section .login-link{color:#292524;font-size:.95rem;font-weight:600;text-align:center}.name-container .form-section .login-link span{color:#0d9488;cursor:pointer;transition:color .2s ease}.name-container .form-section .login-link span:hover{color:#0f766e}.name-container .form-section .error-message{color:#ef4444;font-size:.9rem;margin:.75rem 0;text-align:center}.password-container .form-section h2{color:#292524;font-size:2rem;margin-bottom:.5rem;text-align:center}.password-container .form-section .step-info{color:#44403c;font-size:.9rem;margin-bottom:.75rem;text-align:center}.password-container .form-section .input-group{display:flex;flex-direction:column;gap:1.8rem;margin:2rem 0 1.2rem}.password-container .form-section .input-group .input-field{position:relative}.password-container .form-section .input-group .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;pointer-events:none;position:absolute;top:-10px;z-index:1}.password-container .form-section .input-group .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.75rem;padding:2px;position:relative}.password-container .form-section .input-group .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem 2.7rem 1rem 1rem;width:100%}.password-container .form-section .input-group .input-field .input-wrapper input:focus{outline:none}.password-container .form-section .input-group .input-field .input-wrapper .password-toggle{color:#78716c;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.password-container .form-section .input-group .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.password-container .form-section .input-group .input-field:focus-within label{color:#0d9488}.password-container .form-section .button-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.password-container .form-section .button-group .btn{border:none;border-radius:.85rem;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease}.password-container .form-section .button-group .btn.back{background:#e7e5e4;color:#44403c}.password-container .form-section .button-group .btn.back:hover{background:#d6d3d1}.password-container .form-section .button-group .btn.next{background:linear-gradient(135deg,#0d9488,#059669);box-shadow:0 10px 24px #0d948838;color:#fff}.password-container .form-section .button-group .btn.next:hover{transform:translateY(-1px)}.password-container .form-section .button-group .btn.next:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.password-container .form-section .login-link{color:#292524;font-size:.95rem;font-weight:600;text-align:center}.password-container .form-section .login-link span{color:#0d9488;cursor:pointer;transition:color .2s ease}.password-container .form-section .login-link span:hover{color:#0f766e}.password-container .form-section .error-message{color:#ef4444;font-size:.9rem;margin-bottom:.75rem;opacity:0;pointer-events:none;text-align:center;transform:translateY(-6px);transition:all .3s ease}.password-container .form-section .error-message.visible{opacity:1;transform:translateY(0)}.email-container .form-section h2{font-size:2rem}.email-container .form-section .step-info{margin-bottom:.75rem}.email-container .form-section .input-group{margin:2rem 0 1rem}.email-container .form-section .input-group .input-field{position:relative}.email-container .form-section .input-group .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;pointer-events:none;position:absolute;top:-10px;z-index:1}.email-container .form-section .input-group .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.75rem;padding:2px}.email-container .form-section .input-group .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem;width:100%}.email-container .form-section .input-group .input-field .input-wrapper input:focus{outline:none}.email-container .form-section .input-group .input-field .input-wrapper input.error{color:#b91c1c}.email-container .form-section .input-group .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.email-container .form-section .input-group .input-field:focus-within label{color:#0d9488}.email-container .form-section .button-group{grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.email-container .form-section .button-group .btn.back{background:#e7e5e4;color:#44403c}.email-container .form-section .button-group .btn.back:hover{background:#d6d3d1}.email-container .form-section .button-group .btn.next{background:linear-gradient(135deg,#0d9488,#059669);box-shadow:0 10px 24px #0d948838;color:#fff}.email-container .form-section .button-group .btn.next:hover{transform:translateY(-1px)}.email-container .form-section .button-group .btn.next:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.email-container .form-section .login-link{color:#292524;font-size:.95rem;font-weight:600;text-align:center}.email-container .form-section .login-link span{color:#0d9488;cursor:pointer;transition:color .2s ease}.email-container .form-section .login-link span:hover{color:#0f766e}.confirm-container .glass-panel .step-info{margin-bottom:.75rem}.confirm-container .glass-panel .code-inputs input.valid{border-color:#059669}.confirm-container .glass-panel .button-group .btn.complete{background:linear-gradient(135deg,#0d9488,#059669);box-shadow:0 10px 24px #0d948838;color:#fff}.confirm-container .glass-panel .button-group .btn.complete:hover{transform:translateY(-1px)}.confirm-container .glass-panel .button-group .btn.complete.valid{background:linear-gradient(135deg,#059669,#047857)}.homepage-container{display:flex;min-height:100vh}.homepage-container .content{background:#f8f9fa;flex-grow:1;padding:2rem}.homepage-container .content h1{color:#2d3436;font-size:2.5rem;margin-bottom:2rem}.profile-page-container{margin:0 auto;max-width:1200px;padding:2rem}@media(max-width:768px){.profile-page-container{padding:1rem}}.profile-header-section{align-items:flex-start;border-bottom:1px solid #5a67d81a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.profile-header-section .main-sidebar-toggle-btn-mobile{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:8px;color:#8a94a6;cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-top:.25rem;padding:0;transition:all .2s ease;width:36px}.profile-header-section .main-sidebar-toggle-btn-mobile:hover{background:#e9edf3;color:#6b7280}@media(max-width:768px){.profile-header-section .main-sidebar-toggle-btn-mobile{display:inline-flex}}.profile-header-section .profile-title{background:linear-gradient(135deg,#5a67d8,#4c51bf);-webkit-background-clip:text;background-clip:text;color:#0000;flex:1 1;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}@media(max-width:768px){.profile-header-section .profile-title{font-size:2rem}}.profile-header-section .profile-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0;width:100%}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-card{background:var(--background-light);border-radius:20px;box-shadow:var(--shadow-light);padding:2rem;transition:all .3s ease}.profile-card:hover{box-shadow:var(--shadow-medium)}.profile-card .profile-card-header{align-items:center;border-bottom:1px solid #5a67d81a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}@media(max-width:768px){.profile-card .profile-card-header{align-items:flex-start;flex-direction:column;gap:1rem}}.profile-card .profile-card-header .profile-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.edit-profile-btn{background:linear-gradient(135deg,#5a67d8,#4c51bf);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.edit-profile-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.edit-profile-btn:disabled{cursor:not-allowed;opacity:.5}.password-actions,.profile-actions{display:flex;gap:1rem}@media(max-width:768px){.password-actions,.profile-actions{flex-direction:column;width:100%}}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:10px 24px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#0000;border:2px solid var(--text-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:10px 24px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#7180961a;transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.profile-info-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:250px minmax(0,1fr)}@media(max-width:992px){.profile-info-grid{gap:2rem;grid-template-columns:200px minmax(0,1fr)}}@media(max-width:768px){.profile-info-grid{gap:2rem;grid-template-columns:1fr}}.avatar-section .avatar-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.avatar-section .user-avatar{object-fit:cover}.avatar-section .avatar-placeholder,.avatar-section .user-avatar{border:4px solid #fff;border-radius:50%;box-shadow:var(--shadow-medium);height:150px;width:150px}.avatar-section .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#5a67d8,#f6ad55);color:#fff;display:flex;font-size:3rem;font-weight:700;justify-content:center}.avatar-section .avatar-actions{align-items:center;display:flex;gap:10px;justify-content:center}.avatar-section .avatar-action-btn{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#8a94a6;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:34px}.avatar-section .avatar-action-btn svg{font-size:16px}.avatar-section .avatar-action-btn:hover{background:#e9edf3;color:#6b7280}.avatar-section .avatar-action-btn.remove{color:#9aa3b2}.avatar-section .avatar-error{color:#e53e3e;font-size:12px;margin-top:8px;text-align:center}.info-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;min-width:0}.info-field:last-child{margin-bottom:0}.info-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-input{background:var(--background-light);border:2px solid #5a67d833;border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.info-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5a67d81a;outline:none}.info-input::placeholder{color:var(--text-secondary);opacity:.6}.info-input:disabled{background:#f7fafc80;cursor:not-allowed;opacity:.7}.input-error{color:#e53e3e;font-size:12px;margin-top:4px}.info-section .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.info-section .info-grid{grid-template-columns:1fr}}.info-section .info-value{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;min-height:44px;padding:12px 0}.info-section .email-group .email-notice{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:6px;margin-top:8px;padding:8px 12px}.info-section .email-group .email-notice .verify-notice{color:#d97706;font-size:13px;font-weight:500}.profile-tabs{border-bottom:1px solid #5a67d81a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.profile-tabs .profile-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:.5rem;padding:12px 24px;position:relative;transition:all .3s ease}.profile-tabs .profile-tab svg{font-size:18px}.profile-tabs .profile-tab:hover:not(.active){background:#5a67d80d;color:var(--text-primary);transform:translateY(-1px)}.profile-tabs .profile-tab.active{background:linear-gradient(135deg,#5a67d8,#4c51bf);box-shadow:var(--shadow-light);color:#fff}.profile-tabs .profile-tab.active:after{background:linear-gradient(135deg,#5a67d8,#4c51bf);border-radius:2px;bottom:-13px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.password-change-section .password-success{animation:slideIn .3s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:500;margin-bottom:2rem;padding:14px 20px;text-align:center}.password-change-section .password-error{background:#fed7d7;border-left:4px solid #e53e3e;border-radius:10px;color:#9b2c2c;font-size:14px;font-weight:500;margin-bottom:2rem;padding:14px 18px}.password-change-section .password-step{animation:fadeIn .3s ease;margin:0 auto;max-width:500px;width:100%}.password-change-section .password-step .step-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:2.5rem}.password-change-section .password-step .step-indicator .step{align-items:center;background:var(--background-light);border:2px solid #5a67d833;border-radius:50%;color:var(--text-secondary);display:flex;font-size:15px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.password-change-section .password-step .step-indicator .step.active{background:linear-gradient(135deg,#5a67d8,#4c51bf);border-color:#0000;box-shadow:var(--shadow-light);color:#fff}.password-change-section .password-step .step-indicator .step.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;color:#fff}.password-change-section .password-step .step-indicator .step-line{background:#5a67d833;flex:1 1;height:2px;max-width:80px;transition:all .3s ease}.password-change-section .password-step .step-indicator .step-line.active{background:linear-gradient(135deg,#5a67d8,#4c51bf)}.password-change-section .password-step .step-indicator .step-line.completed{background:linear-gradient(135deg,#10b981,#059669)}.password-change-section .password-step .step-title{color:var(--text-primary);font-size:1.6rem;font-weight:600;margin:0 0 .75rem;text-align:center}.password-change-section .password-step .step-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:2.5rem;text-align:center}.password-change-section .password-input{position:relative}.password-change-section .password-input .info-input{padding-right:50px}.password-change-section .password-input .password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.password-change-section .password-input .password-toggle:hover{background:#5a67d80d;color:var(--text-primary)}.password-change-section .password-input .password-toggle svg{font-size:20px}.code-inputs{display:flex;gap:1rem;justify-content:center;margin:2.5rem 0}.code-inputs .code-input{background:var(--background-light);border:2px solid #5a67d84d;border-radius:12px;color:var(--text-primary);font-size:1.75rem;font-weight:700;height:65px;text-align:center;transition:all .3s ease;width:55px}.code-inputs .code-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5a67d81a;outline:none;transform:translateY(-2px)}.code-inputs .code-input:hover:not(:focus){border-color:#5a67d880}.code-inputs .code-input::placeholder{color:var(--text-secondary);opacity:.4}@media(max-width:768px){.code-inputs .code-input{font-size:1.5rem;height:55px;width:45px}}.resend-code{border-top:1px solid #5a67d81a;color:var(--text-secondary);font-size:14px;margin-top:2rem;padding-top:1.5rem;text-align:center}.resend-code button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;margin-left:5px;padding:0;transition:all .2s ease}.resend-code button:hover:not(:disabled){color:#4c51bf;text-decoration:underline}.resend-code button:disabled{cursor:not-allowed;opacity:.5}.profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.profile-loading .wave-loading{align-items:flex-end;display:flex;height:50px;justify-content:center;margin-bottom:20px}.profile-loading .wave-loading span{animation:wave 1.2s ease-in-out infinite;background:linear-gradient(135deg,#5a67d8,#f6ad55);border-radius:4px;display:inline-block;height:30px;margin:0 4px;width:8px}.profile-loading .wave-loading span:first-child{animation-delay:0s;height:20px}.profile-loading .wave-loading span:nth-child(2){animation-delay:.2s;height:35px}.profile-loading .wave-loading span:nth-child(3){animation-delay:.4s;height:40px}.profile-loading .wave-loading span:nth-child(4){animation-delay:.6s;height:35px}.profile-loading .wave-loading span:nth-child(5){animation-delay:.8s;height:20px}.profile-loading .loading-text{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.profile-error{background:#fed7d7;border-radius:12px;color:#e53e3e;font-weight:500;margin:2rem;padding:2rem;text-align:center}.fade-in{animation:fadeIn .4s ease-out}@media(max-width:768px){.profile-tabs{flex-direction:column;gap:.5rem}.profile-tabs .profile-tab{justify-content:center;width:100%}.profile-tabs .profile-tab.active:after{bottom:-8px;width:100%}.code-inputs{gap:.75rem}.code-inputs .code-input{font-size:1.5rem;height:55px;width:45px}.step-indicator .step{font-size:14px;height:36px;width:36px}.step-indicator .step-line{max-width:50px}.info-field{margin-bottom:1.25rem}.info-input{font-size:14px;padding:10px 14px}}@media(max-width:480px){.profile-card{padding:1.5rem}.avatar-placeholder,.user-avatar{font-size:2.5rem;height:130px;width:130px}.code-inputs{gap:.5rem}.code-inputs .code-input{font-size:1.4rem;height:50px;width:40px}}.task-page{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:100px 20px 60px 100px}.title-input-wrapper{position:relative;width:100%}.title-input-wrapper .validation-error{bottom:-18px;color:#f44;font-size:12px;left:0;position:absolute}.title-input-wrapper .error{border-color:#f44!important;box-shadow:0 0 0 2px #f443}.project-select-container{position:relative;width:100%}.user-search-container{margin-top:10px}.selected-user{align-items:center;background-color:#f0f0f0;border-radius:16px;display:flex;font-size:14px;gap:8px;padding:4px 8px}.user-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.remove-user{background:none;border:none;color:#999;cursor:pointer;font-size:16px;line-height:1;margin-left:8px;padding:0 4px}.remove-user:hover{color:#f44336}.assignee-view{align-items:center;display:flex;min-height:38px;padding:8px}.assignee-view,.project-dropdown{border:1px solid #ddd;border-radius:4px}.project-dropdown{background:#fff;box-shadow:0 2px 4px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.project-dropdown .project-option{cursor:pointer;padding:8px 12px;transition:background .2s}.project-dropdown .project-option:hover{background:#f5f5f5}.project-dropdown .dropdown-empty,.project-dropdown .dropdown-loading{color:#666;font-style:italic;padding:8px 12px}.task-container{display:flex;gap:30px;margin:0 auto;max-width:1280px}.task-main{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.task-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px;position:relative}.task-header .title-section{flex-grow:1}.task-header .title-section .task-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.task-header .title-section .task-meta .task-id{color:#6b7280;font-size:24px;font-weight:500}.task-header .title-section .task-meta .task-title{color:#1f2937;flex:1 1;font-size:24px;font-weight:600;margin:0}.task-header .title-section .task-meta .title-input{background:#0000;border:0;color:#1f2937;flex:1 1;font-size:24px;font-weight:600;padding:2px 8px}.task-header .title-section .task-meta .title-input:focus{background:#f3f4f6;border-radius:4px;outline:none}.task-header .title-section .task-meta .edit-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.task-header .title-section .task-meta .edit-btn:hover{color:#3b82f6}.task-header .title-section .task-meta .close-btn{background-color:#999;border:none;border-radius:50px;color:#fff;cursor:pointer;padding:2px 3px 0;position:absolute;right:10px;top:10px}.task-header .title-section .task-meta .close-btn:hover{color:#000}.task-header .title-section .project-name{color:#6b7280;font-size:14px;margin-left:70px}.task-comments-container{border-top:1px solid #f0f0f0;margin-top:auto}.task-comments-container,.task-comments-container>div{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.description-container{display:flex;flex:1 0 auto;flex-direction:column;margin-bottom:10px;max-height:600px;min-height:500px;padding:20px}.description-container .markdown-toolbar{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.description-container .markdown-toolbar button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px}.description-container .markdown-toolbar button:hover{background:#f3f4f6}.description-container .markdown-toolbar button:active{background:#e5e7eb}.description-container .description-editor{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;line-height:1.6;max-height:500px;padding:16px;resize:none;width:calc(100% - 30px)}.description-container .description-editor:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.description-container .description-view{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;flex:1 1;font-size:14px;line-height:1.6;max-height:550px;overflow-y:auto;padding:16px;white-space:pre-wrap}.description-container .description-view strong{font-weight:700}.description-container .description-view em{font-style:italic}.description-container .description-view ol,.description-container .description-view ul{margin:8px 0;padding-left:20px}.description-container .description-view li{margin:4px 0}.task-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.task-actions button{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.task-actions button.save-btn{background:#6366f1;border-color:#0000;color:#fff}.task-actions button.save-btn:hover{background:#4f46e5}.task-actions button.cancel-btn{background:#fff;color:#6b7280}.task-actions button.cancel-btn:hover{background:#f3f4f6}.task-actions button.delete-btn{background:#ef4444;border-color:#0000;color:#fff;margin-right:auto}.task-actions button.delete-btn:hover{background:#dc2626}.task-actions button:disabled{cursor:not-allowed;opacity:.5}.task-sidebar{align-self:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:20px;width:320px}.task-sidebar .form-group{margin-bottom:20px}.task-sidebar .form-group label{color:#6b7280;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.task-sidebar .form-group input{width:calc(100% - 26px)}.task-sidebar .form-group select{width:100%}.task-sidebar .form-group input,.task-sidebar .form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.task-sidebar .form-group input:focus,.task-sidebar .form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.task-sidebar .form-group input:disabled,.task-sidebar .form-group select:disabled{background:#f9fafb;cursor:not-allowed}.task-sidebar .form-group .date-input{width:calc(100% - 26px)}.task-sidebar .color-picker{display:flex;flex-wrap:wrap;gap:8px}.task-sidebar .color-picker .color-option{border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.task-sidebar .color-picker .color-option.selected{box-shadow:0 0 0 2px #6366f180;transform:scale(1.1)}.task-sidebar .color-picker .color-option:not(.selected):hover{transform:scale(1.05)}@media(max-width:1280px){.task-container{flex-direction:column}.task-sidebar{width:100%}}@media(max-width:768px){.task-page{padding:30px}.task-header{flex-direction:column}.task-header .task-actions{justify-content:flex-end;width:100%}}@media(max-width:480px){.task-page{padding:16px}.task-id,.task-title,.title-input{font-size:20px!important}.project-name{margin-left:36px!important}}.task-comments-container{background:#fff;box-shadow:0 1px 3px #0000001f;height:70vh;margin-top:30px;max-height:800px;padding:20px}.task-comments-container .assignee-info{align-items:center;display:flex;gap:8px;margin-right:5px}.task-comments-container .assignee-info .avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.task-comments-container .file-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-width:80%;overflow:hidden;position:relative;transition:all .2s ease}.task-comments-container .file-item:hover{border-color:silver;box-shadow:0 2px 8px #0000001a}.task-comments-container .file-item .preview{align-items:center;background:#f5f5f5;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.task-comments-container .file-item .preview img{border-radius:4px 4px 0 0;max-height:100%;max-width:100%;object-fit:contain}.task-comments-container .file-item .preview .file-icon{align-items:center;color:#666;display:flex;flex-direction:column}.task-comments-container .file-item .preview .file-icon svg{margin-bottom:4px}.task-comments-container .file-item .preview .file-icon span{font-size:10px;text-transform:uppercase}.task-comments-container .file-item .info{font-size:12px;padding:8px}.task-comments-container .file-item .info .name{color:#333;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-comments-container .file-item .info .size{color:#666;margin-top:2px}.task-comments-container .file-item .info progress{-webkit-appearance:none;appearance:none;border-radius:2px;height:4px;margin-top:6px;width:100%}.task-comments-container .file-item .info progress::-webkit-progress-bar{background-color:#e0e0e0;border-radius:2px}.task-comments-container .file-item .info progress::-webkit-progress-value{background-color:#36c;border-radius:2px}.task-comments-container .file-item .info .error{color:#e53935;font-size:11px;margin-top:4px}.task-comments-container .file-item .remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.task-comments-container .file-item .remove:hover{background:#000c}.task-comments-container .file-item:hover .remove{opacity:1}.task-comments-container .file-item.uploading .preview{background:#f0f7ff}.task-comments-container .file-item.error{background:#ffebee;border-color:#ffcdd2}.task-comments-container .file-item.error .preview{background:#ffebee}.task-comments-container a{color:inherit;text-decoration:none}.task-comments-container a:hover .file-item{background:#f0f7ff;border-color:#36c}.task-comments-container .files-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.task-comments-container .files-grid .file-item{border-radius:6px;overflow:hidden;position:relative}.task-comments-container .files-grid .file-item img{border-radius:4px;height:120px;object-fit:cover;transition:transform .2s;width:100%}.task-comments-container .files-grid .file-item img:hover{transform:scale(1.03)}.task-comments-container .files-grid .file-item .file-info{font-size:12px;padding:8px}.task-comments-container .files-grid .file-item .file-info .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-comments-container .files-grid .file-item .file-info .size{color:#666}.task-comments-container .comments-title{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.task-comments-container .comments-list{flex:1 1;margin-bottom:15px;overflow-y:auto;padding-right:8px}.task-comments-container .comments-list .comment-item{border-bottom:1px solid #f0f0f0;padding:15px 0;z-index:100}.task-comments-container .comments-list .comment-item:last-child{border-bottom:none}.task-comments-container .comments-list .comment-item .comment-header{align-items:center;display:flex;margin-bottom:8px;position:relative}.task-comments-container .comments-list .comment-item .comment-header .comment-author{color:#333;font-weight:600;margin-right:15px}.task-comments-container .comments-list .comment-item .comment-header .comment-date{color:#666;font-size:12px}.task-comments-container .comments-list .comment-item .comment-header .edited-label{color:#999;font-size:11px;margin-left:10px}.task-comments-container .comments-list .comment-item .comment-header .comment-menu{margin-left:auto;position:relative}.task-comments-container .comments-list .comment-item .comment-header .comment-menu .menu-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px}.task-comments-container .comments-list .comment-item .comment-header .comment-menu .menu-button:hover{background:#f5f5f5}.task-comments-container .comments-list .comment-item .comment-header .comment-menu .menu-content{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;min-width:160px;padding:8px 0;position:absolute;right:20px;top:20px;z-index:1000}.task-comments-container .comments-list .comment-item .comment-header .comment-menu .menu-content button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-align:left;width:100%}.task-comments-container .comments-list .comment-item .comment-header .comment-menu .menu-content button:hover{background:#f5f5f5}.task-comments-container .comments-list .comment-item .comment-text{line-height:1.5;margin-bottom:10px;max-height:200px;overflow-y:auto;white-space:pre-wrap}.task-comments-container .comments-list .comment-item .comment-files{margin-top:10px}.task-comments-container .comments-list .comment-item .comment-files .file-item{background:#f5f5f5;border-radius:4px;display:inline-block;font-size:13px;margin-bottom:5px;margin-right:10px;padding:5px 10px}.task-comments-container .comments-list .comment-item .comment-files .file-item a{color:#36c;text-decoration:none}.task-comments-container .comments-list .comment-item .comment-files .file-item a:hover{text-decoration:underline}.task-comments-container .comment-editor{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:0 0 auto;margin-top:auto;padding:10px}.task-comments-container .comment-editor.dragging{background:#f0f7ff;border-color:#36c}.task-comments-container .comment-editor .editor-toolbar{display:flex;gap:8px;margin-bottom:10px}.task-comments-container .comment-editor .editor-toolbar .toolbar-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px}.task-comments-container .comment-editor .editor-toolbar .toolbar-button:hover{background:#f5f5f5;color:#333}.task-comments-container .comment-editor .comment-input{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:14px;margin-bottom:10px;min-height:80px;padding:10px;resize:vertical;width:calc(100% - 22px)}.task-comments-container .comment-editor .comment-input:focus{border-color:#36c;box-shadow:0 0 0 2px #36c3;outline:none}.task-comments-container .comment-editor .attached-files{margin-bottom:10px}.task-comments-container .comment-editor .attached-files .file-item{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px;padding:6px 10px}.task-comments-container .comment-editor .attached-files .file-item .remove-file{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0 4px}.task-comments-container .comment-editor .attached-files .file-item .remove-file:hover{color:#f33}.task-comments-container .comment-editor .editor-actions{align-items:center;display:flex;justify-content:space-between}.task-comments-container .comment-editor .editor-actions .drag-hint{color:#666;font-size:12px;opacity:.7}.task-comments-container .comment-editor .editor-actions .send-button{align-items:center;background:#36c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px}.task-comments-container .comment-editor .editor-actions .send-button:hover{background:#2a5cb3}.task-comments-container .comment-editor .editor-actions .send-button:disabled{background:#ccc;cursor:not-allowed}.user-search-container{position:relative;width:100%}.user-search-container .selected-users-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.user-search-container .selected-users-list .selected-user-chip{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#5a67d81a,#5a67d80d);border:1px solid #5a67d833;border-radius:20px;display:flex;padding:6px 12px}.user-search-container .selected-users-list .selected-user-chip .chip-content{align-items:center;display:flex;gap:8px}.user-search-container .selected-users-list .selected-user-chip .chip-content .avatar-placeholder,.user-search-container .selected-users-list .selected-user-chip .chip-content .user-avatar{border-radius:50%;height:24px;width:24px}.user-search-container .selected-users-list .selected-user-chip .chip-content .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#5a67d8,#f6ad55);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.user-search-container .selected-users-list .selected-user-chip .chip-content .user-name{color:#2d3748;font-size:13px;font-weight:500}.user-search-container .selected-users-list .selected-user-chip .remove-chip{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;margin-left:8px;padding:0;transition:all .2s ease;width:20px}.user-search-container .selected-users-list .selected-user-chip .remove-chip:hover{background:#f565651a;color:#f56565}.user-search-container .search-input-wrapper{position:relative}.user-search-container .search-input-wrapper .user-search-input{background:#fff;border:1px solid #5a67d833;border-radius:12px;color:#4a5568;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.user-search-container .search-input-wrapper .user-search-input:focus{border-color:#5a67d8;box-shadow:0 0 0 3px #5a67d81a;outline:none}.user-search-container .search-input-wrapper .user-search-input::placeholder{color:#a0aec0}.user-search-container .search-input-wrapper .search-loader{animation:spin 1s linear infinite;border:2px solid #5a67d81a;border-radius:50%;border-top-color:#5a67d8;height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.user-search-container .user-search-dropdown{animation:slideDown .3s ease;background:#fff;border:1px solid #5a67d81a;border-radius:12px;box-shadow:0 10px 40px #5a67d81a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-search-container .user-search-dropdown .user-search-result{align-items:center;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.user-search-container .user-search-dropdown .user-search-result:hover{background:#5a67d80d}.user-search-container .user-search-dropdown .user-search-result .result-avatar{margin-right:12px}.user-search-container .user-search-dropdown .user-search-result .result-avatar .avatar-placeholder,.user-search-container .user-search-dropdown .user-search-result .result-avatar img{border-radius:50%;height:36px;width:36px}.user-search-container .user-search-dropdown .user-search-result .result-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#5a67d8,#f6ad55);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.user-search-container .user-search-dropdown .user-search-result .result-info{flex:1 1}.user-search-container .user-search-dropdown .user-search-result .result-info .result-name{color:#2d3748;font-weight:500;margin-bottom:2px}.user-search-container .user-search-dropdown .user-search-result .result-info .result-login{color:#718096;font-size:12px}.task-list-container{background:#fffffff2;border-radius:25px;box-shadow:0 4px 20px #00000026;height:100%;padding:20px}.task-list-container .task-controls{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px}.task-list-container .task-controls .search-filter{display:flex;flex:1 1;gap:10px}.task-list-container .task-controls .search-filter input{border:1px solid #ddd;border-radius:12px;flex:1 1;font-size:14px;padding:10px 15px}.task-list-container .task-controls .search-filter input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.task-list-container .task-controls .search-filter .filter-select{background:#fff;border:1px solid #ddd;border-radius:12px;cursor:pointer;padding:8px 12px}.task-list-container .task-controls .create-task-btn{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 25px;transition:all .2s ease}.task-list-container .task-controls .create-task-btn:hover{background:#4f46e5;transform:translateY(-1px)}.task-list-container .task-table{border-collapse:collapse;width:100%}.task-list-container .task-table .table-header{background:#f8f9fa;border-radius:12px}.task-list-container .task-table .table-header th{color:#636e72;font-size:14px;font-weight:500;padding:15px;text-align:left}.task-list-container .task-table .task-row{border-bottom:1px solid #eee;cursor:pointer;transition:background .2s ease}.task-list-container .task-table .task-row:hover{background:#f8f9fa}.task-list-container .task-table .task-row td{padding:15px;vertical-align:middle}.task-list-container .task-table .task-row td .task-color{border-radius:4px;display:inline-block;height:16px;margin-right:8px;width:16px}.task-list-container .task-table .task-row td .assignee-info{align-items:center;display:flex;gap:8px}.task-list-container .task-table .task-row td .assignee-info .avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.task-list-container .task-table .task-row td .status-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:6px 12px;transition:all .2s ease}.task-list-container .task-table .task-row td .status-select:focus{border-color:#6366f1}.task-list-container .task-table .task-row td .context-menu{cursor:pointer;position:relative}.task-list-container .task-table .task-row td .context-menu .menu-dots{padding:8px}.task-list-container .task-table .task-row td .context-menu .menu-dots:hover{background:#f8f9fa;border-radius:50%}.task-list-container .task-table .task-row td .context-menu .menu-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:160px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.task-list-container .task-table .task-row td .context-menu .menu-content button{background:none;border:none;border-radius:4px;cursor:pointer;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.task-list-container .task-table .task-row td .context-menu .menu-content button:hover{background:#f8f9fa}.loading-container{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border-radius:20px;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-container,.wave-loading{display:flex;justify-content:center}.wave-loading{align-items:flex-end;height:50px;margin-bottom:20px}.wave-loading span{animation:wave 1.2s ease-in-out infinite;background:#6366f1;border-radius:4px;display:inline-block;height:30px;margin:0 4px;width:8px}.wave-loading span:first-child{animation-delay:0s;height:20px}.wave-loading span:nth-child(2){animation-delay:.2s;height:35px}.wave-loading span:nth-child(3){animation-delay:.4s;height:40px}.wave-loading span:nth-child(4){animation-delay:.6s;height:35px}.wave-loading span:nth-child(5){animation-delay:.8s;height:20px}@keyframes wave{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.2)}}.loading-text{color:#4b5563;font-size:1.1rem;font-weight:500;margin-top:15px;max-width:80%;text-align:center}@media(max-width:768px){.task-list-container{margin:20px;padding:15px}.task-list-container .task-controls{flex-wrap:wrap}.task-list-container .task-controls .search-filter{width:100%}.task-list-container .task-controls .create-task-btn{text-align:center;width:100%}.task-list-container .task-table{display:block;overflow-x:auto}.task-list-container .task-table .table-header th,.task-list-container .task-table .task-row td{font-size:12px;padding:10px}}.calendar-page{background:#f4f6fb;display:flex;flex-direction:column;height:100%;width:100%}.calendar-shell{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;padding-right:20px}.calendar-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.calendar-toolbar .toolbar-left{align-items:center;display:flex;gap:12px}.calendar-toolbar .main-sidebar-toggle-btn-mobile{display:none}.calendar-toolbar .calendar-heading{grid-gap:4px;display:grid;gap:4px}.calendar-toolbar .calendar-title{color:#0f172a;font-size:1.7rem;font-weight:700}.calendar-toolbar .toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.calendar-toolbar .date-navigation{align-items:center;background:#f8fafc;border:1px solid #e7ecf4;border-radius:14px;box-shadow:inset 0 0 0 1px #f1f5f9;display:inline-flex;gap:8px;padding:6px 10px}.calendar-toolbar .nav-title{background:#fff;border:1px solid #eef2f7;border-radius:10px;color:#0f172a;font-weight:700;min-width:150px;padding:6px 10px;text-align:center}.calendar-toolbar .nav-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 6px 14px #0f172a14;color:#1f2937;cursor:pointer;display:flex;flex-shrink:0;font-weight:700;height:34px;justify-content:center;min-height:34px;min-width:34px;transition:transform .2s ease,box-shadow .2s ease;width:34px}.calendar-toolbar .nav-btn svg{display:block;flex-shrink:0;height:20px;min-height:20px;min-width:20px;width:20px}.calendar-toolbar .nav-btn:hover{box-shadow:0 8px 18px #0f172a1f;transform:translateY(-1px)}.calendar-toolbar .view-controls{background:#fff;border:1px solid #e7ecf4;border-radius:999px;box-shadow:0 8px 18px #0f172a0d;display:inline-flex;gap:6px;padding:4px}.calendar-toolbar .view-controls .view-controls-list,.calendar-toolbar .view-controls .view-controls-trigger{display:none}.calendar-toolbar .view-controls .view-controls-buttons{display:inline-flex;gap:6px}.calendar-toolbar .view-controls .view-controls-buttons button{background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.calendar-toolbar .view-controls .view-controls-buttons button.active{background:#1f2a44;box-shadow:0 10px 20px #0f172a33;color:#fff}.calendar-toolbar .interval-controls{background:#fff;border:1px solid #e7ecf4;border-radius:999px;box-shadow:0 8px 18px #0f172a0d;display:inline-flex;gap:6px;padding:4px}.calendar-toolbar .interval-controls .interval-controls-list,.calendar-toolbar .interval-controls .interval-controls-trigger{display:none}.calendar-toolbar .interval-controls .interval-controls-buttons{display:inline-flex;gap:6px}.calendar-toolbar .interval-controls .interval-controls-buttons button{background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:8px 12px;transition:all .2s ease}.calendar-toolbar .interval-controls .interval-controls-buttons button.active{background:#1f2a44;box-shadow:0 10px 20px #0f172a33;color:#fff}.calendar-toolbar .add-event-btn{background:#111827;border:none;border-radius:12px;box-shadow:0 12px 24px #0f172a2e;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.calendar-toolbar .add-event-btn:hover{box-shadow:0 14px 28px #0f172a38;transform:translateY(-1px)}.calendar-body{background:#fff;border:1px solid #e7ecf4;border-radius:24px;box-shadow:0 18px 34px #0f172a14;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:16px}.calendar-body>.agenda-view,.calendar-body>.day-view,.calendar-body>.month-view,.calendar-body>.three-day-view,.calendar-body>.week-view{flex:1 1;min-height:0}.agenda-view::-webkit-scrollbar,.calendar-body::-webkit-scrollbar,.day-view::-webkit-scrollbar,.month-view .day-events::-webkit-scrollbar{height:8px;width:8px}.agenda-view::-webkit-scrollbar-thumb,.calendar-body::-webkit-scrollbar-thumb,.day-view::-webkit-scrollbar-thumb,.month-view .day-events::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:8px}.agenda-view::-webkit-scrollbar-track,.calendar-body::-webkit-scrollbar-track,.day-view::-webkit-scrollbar-track,.month-view .day-events::-webkit-scrollbar-track{background:#0000}.calendar-permission-modal{inset:0;position:fixed;z-index:1200}.calendar-permission-modal .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a59;inset:0;position:absolute}.calendar-permission-modal .modal-card{background:#fff;border-radius:18px;box-shadow:0 20px 50px #0f172a33;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(360px,90vw)}.calendar-permission-modal .modal-card h4{color:#0f172a;font-size:1.1rem;margin:0 0 8px}.calendar-permission-modal .modal-card p{color:#64748b;margin:0 0 16px}.calendar-permission-modal .modal-card button{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;width:100%}@media(max-width:1024px){.calendar-shell{padding:20px}.calendar-toolbar{align-items:flex-start}.calendar-toolbar .toolbar-right{justify-content:space-between;width:100%}}@media(max-width:768px){.calendar-shell{padding:16px}.calendar-toolbar{gap:12px}.calendar-toolbar .main-sidebar-toggle-btn-mobile{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:8px;color:#8a94a6;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;transition:all .2s ease;width:36px}.calendar-toolbar .main-sidebar-toggle-btn-mobile:hover{background:#e5e7eb;color:#1f2937}.calendar-toolbar .toolbar-right{justify-content:flex-start;width:100%}.calendar-toolbar .date-navigation{justify-content:space-between;width:100%}.calendar-toolbar .nav-title{min-width:auto}.calendar-toolbar .toolbar-right{flex-wrap:wrap;gap:10px}.calendar-toolbar .interval-controls,.calendar-toolbar .view-controls{background:#fff;border:1px solid #e7ecf4;border-radius:12px;box-shadow:0 4px 12px #0f172a0f;padding:0;position:relative}.calendar-toolbar .interval-controls .interval-controls-buttons,.calendar-toolbar .view-controls .view-controls-buttons{display:none}.calendar-toolbar .interval-controls .interval-controls-trigger,.calendar-toolbar .view-controls .view-controls-trigger{align-items:center;background:#0000;border:none;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:space-between;min-width:100px;padding:10px 14px;transition:background .2s ease}.calendar-toolbar .interval-controls .interval-controls-trigger svg,.calendar-toolbar .view-controls .view-controls-trigger svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.calendar-toolbar .interval-controls.is-open .interval-controls-trigger svg,.calendar-toolbar .view-controls.is-open .view-controls-trigger svg{transform:rotate(180deg)}.calendar-toolbar .interval-controls .interval-controls-list,.calendar-toolbar .view-controls .view-controls-list{background:#fff;border:1px solid #e7ecf4;border-radius:12px;box-shadow:0 10px 24px #0f172a1f;display:none;flex-direction:column;gap:2px;left:0;min-width:100%;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.calendar-toolbar .interval-controls.is-open .interval-controls-list,.calendar-toolbar .view-controls.is-open .view-controls-list{display:flex}.calendar-toolbar .interval-controls .interval-controls-list button,.calendar-toolbar .view-controls .view-controls-list button{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:block;font-size:.9rem;font-weight:600;padding:10px 14px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.calendar-toolbar .interval-controls .interval-controls-list button:hover,.calendar-toolbar .view-controls .view-controls-list button:hover{background:#f1f5f9;color:#1f2937}.calendar-toolbar .interval-controls .interval-controls-list button.active,.calendar-toolbar .view-controls .view-controls-list button.active{background:#1f2a44;color:#fff}}.calendar-event{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e6ecf5;border-radius:14px;box-shadow:0 6px 18px #0f172a0f;cursor:pointer;display:grid;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;gap:10px;grid-template-columns:6px 1fr auto;margin-bottom:10px;padding:10px 12px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.calendar-event.is-compact{grid-template-columns:6px 1fr;margin-bottom:6px;padding:8px 10px}.calendar-event.is-compact .event-chevron{display:none}.calendar-event.is-compact .event-top{gap:8px}.calendar-event.is-compact .event-title{font-size:12px}.calendar-event:hover{box-shadow:0 12px 28px #0f172a1f;transform:translateY(-1px)}.calendar-event .event-strip{border-radius:10px;height:100%;width:6px}.calendar-event .event-main{grid-gap:6px;display:grid;gap:6px;min-width:0}.calendar-event .event-top{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.calendar-event .event-type{align-items:center;color:#1f2a44;display:inline-flex;font-size:12px;font-weight:600;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event .event-type .event-icon{color:#1f2a44;font-size:14px}.calendar-event .event-time{color:#5b6b84;font-size:12px;font-weight:600;white-space:nowrap}.calendar-event .event-title{color:#0f172a;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event .event-meta{grid-gap:6px;color:#64748b;display:grid;font-size:12px;gap:6px;min-width:0}.calendar-event .event-compact-meta{grid-gap:6px;color:#64748b;display:grid;font-size:11px;gap:6px}.calendar-event .event-meta-row{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.calendar-event .event-range{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event .event-attendee,.calendar-event .event-attendees{align-items:center;display:inline-flex}.calendar-event .event-attendee{background:#e2e8f0;border:2px solid #fff;border-radius:50%;color:#1f2937;font-size:10px;font-weight:700;height:18px;justify-content:center;margin-left:-6px;object-fit:cover;width:18px}.calendar-event .event-attendee:first-child{margin-left:0}.calendar-event .event-attendee-more{background:#e0e7ff;color:#3730a3}@media(max-width:720px){.calendar-event{grid-template-columns:6px 1fr}.calendar-event .event-chevron{display:none}.calendar-event .event-meta{align-items:flex-start;flex-direction:column;gap:6px}.calendar-event .event-range{width:100%}.calendar-event .event-time{flex-shrink:0}}.calendar-event .event-priority{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 8px;text-transform:uppercase}.calendar-event .priority-high{background:#ef444426;color:#dc2626}.calendar-event .priority-medium{background:#f59e0b2e;color:#b45309}.calendar-event .priority-low{background:#22c55e2e;color:#15803d}.calendar-event .event-chevron{color:#94a3b8;font-size:18px}.calendar-event[draggable=true]{cursor:grab}.calendar-event[draggable=true]:active,.day-event.is-dragging .calendar-event,.week-event.is-dragging .calendar-event{cursor:grabbing}.calendar-body .day-view{background:#fff;border-radius:18px;display:grid;grid-template-columns:70px 1fr;height:100%;overflow:auto;overflow-x:hidden;position:relative;scrollbar-color:#2563eb40 #0000;scrollbar-width:thin}.calendar-body .day-view .time-column{background:#f8fafc;border-right:1px solid #e7ecf4;box-sizing:border-box;padding:28px 12px 12px}.calendar-body .day-view .day-content{background:#fff;background-image:linear-gradient(180deg,#e2e8f080 1px,#0000 0);background-size:100% 60px;background-size:100% var(--slot-height,60px);box-sizing:border-box;min-height:1440px;overflow-x:hidden;position:relative}.calendar-body .day-view .time-indicator{left:0;pointer-events:none;position:absolute;right:0;z-index:3}.calendar-body .day-view .time-indicator .time-line{background:#ef4444;height:2px;width:100%}.calendar-body .day-view .time-indicator .time-circle{background:#ef4444;border-radius:50%;box-shadow:0 0 0 6px #ef44442e;height:10px;left:-5px;position:absolute;top:-4px;width:10px}.calendar-body .day-view .day-event{border-radius:12px;box-sizing:border-box;max-width:calc(100% - 12px);min-height:32px;padding:6px 8px;position:absolute;z-index:2}.calendar-body .day-view .day-event.is-resizing{transition:top .08s ease,height .08s ease}.calendar-body .day-view .day-event.is-dragging{opacity:.95}.calendar-body .day-view .day-event .calendar-event{height:100%;margin-bottom:0}.calendar-body .day-view .day-event .resize-handle{cursor:ns-resize;height:12px;left:6px;opacity:0;position:absolute;right:6px;transition:opacity .15s ease;z-index:3}.calendar-body .day-view .day-event .resize-handle:after{background:#0f172a73;border-radius:999px;content:"";height:2px;left:0;margin:0 12px;position:absolute;right:0;top:0}.calendar-body .day-view .day-event .resize-handle.top{top:0}.calendar-body .day-view .day-event .resize-handle.bottom{bottom:0}.calendar-body .day-view .day-event .resize-handle.bottom:after{bottom:0;top:auto}.calendar-body .day-view .day-event:hover .resize-handle{opacity:1}.calendar-body .day-view .drop-preview{background:#2563eb1f;border:1px dashed #2563eb99;border-radius:10px;left:6px;pointer-events:none;position:absolute;right:6px;z-index:1}.calendar-body .time-slot{font-size:.85em;height:60px;height:var(--slot-height,60px);position:relative}.calendar-body .time-slot .time-label{background:#f8fafc;color:#64748b;font-size:.75em;font-weight:600;left:6px;padding:0 6px;position:absolute;top:-9px}.calendar-body .time-slot .grid-line{border-bottom:1px solid #e2e8f080;height:1px;margin-left:10px;width:calc(100% - 10px)}@media(max-width:768px){.calendar-body .day-view{grid-template-columns:50px 1fr;height:100%}}.day-view::-webkit-scrollbar{width:8px}.day-view::-webkit-scrollbar-thumb{background:#2f6bff59;border-radius:8px}.day-view::-webkit-scrollbar-track{background:#0000}.calendar-body .week-view{--overlap-column-width:130px;background:#fff;border:1px solid #e7ecf4;border-radius:18px;display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden}.calendar-body .week-view.is-touch-dragging{overscroll-behavior:contain;touch-action:none}.calendar-body .week-view .week-view-horizontal{flex:1 1;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-color:#2563eb40 #0000;scrollbar-width:thin}.calendar-body .week-view .week-view-inner{display:flex;flex-direction:column;height:100%;min-height:0}.calendar-body .week-view.is-desktop .week-view-inner{min-width:100%;width:-webkit-max-content;width:max-content}.calendar-body .week-view .week-view-scroll{flex:1 1;min-height:0;overflow:auto;scrollbar-color:#2563eb40 #0000;scrollbar-width:thin}.calendar-body .week-view.is-desktop .week-view-scroll{overflow-x:hidden}.calendar-body .week-view .week-header-row{align-items:stretch;background:#f8fafc;border-bottom:1px solid #e7ecf4;display:grid;flex-shrink:0;grid-template-columns:70px minmax(-webkit-min-content,1fr);grid-template-columns:70px minmax(min-content,1fr)}.calendar-body .week-view .week-header-row .week-header-row-spacer{background:#f8fafc;border-right:1px solid #e7ecf4;flex-shrink:0;height:58px;min-width:70px;width:70px}.calendar-body .week-view .week-header-row .week-days-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-body .week-view .week-header-row .week-day-header-item{background:#f8fafc;border-right:1px solid #edf1f6;cursor:pointer;display:grid;font-weight:600;height:58px;place-items:center;-webkit-user-select:none;user-select:none}.calendar-body .week-view .week-header-row .week-day-header-item:last-child{border-right:none}.calendar-body .week-view .week-header-row .week-day-header-item .week-day-name{color:#64748b;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.calendar-body .week-view .week-header-row .week-day-header-item .week-day-number{color:#1f2937;font-size:1.1rem}.calendar-body .week-view .week-header-row .week-day-header-item.is-today{background:#111827;color:#fff}.calendar-body .week-view .week-header-row .week-day-header-item.is-today .week-day-name,.calendar-body .week-view .week-header-row .week-day-header-item.is-today .week-day-number{color:#fff}.calendar-body .week-view .week-header-row .week-day-header-item.is-selected{border-radius:12px;box-shadow:inset 0 0 0 2px #1f2a44;margin:6px}.calendar-body .week-view.is-desktop .week-header-row .week-days-header{display:flex;flex:1 1 auto;grid-template-columns:none;min-width:0}.calendar-body .week-view.is-desktop .week-header-row .week-day-header-item{flex:1 0;min-width:max(160px,var(--overlap-column-width)*var(--day-max-columns,1))}.calendar-body .week-view .week-header{align-items:stretch;background:#f8fafc;border-bottom:1px solid #e7ecf4;display:none;flex-shrink:0;grid-template-columns:70px 1fr}.calendar-body .week-view .time-header-spacer{background:#f8fafc;border-right:1px solid #e7ecf4;height:58px;min-width:70px}.calendar-body .week-view .week-days-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-body .week-view .week-day-header-item{background:#f8fafc;border-right:1px solid #edf1f6;cursor:pointer;display:grid;font-weight:600;height:58px;place-items:center;-webkit-user-select:none;user-select:none}.calendar-body .week-view .week-day-header-item:last-child{border-right:none}.calendar-body .week-view .week-day-header-item .week-day-name{color:#64748b;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.calendar-body .week-view .week-day-header-item .week-day-number{color:#1f2937;font-size:1rem}.calendar-body .week-view .week-day-header-item.is-today{background:#111827;color:#fff}.calendar-body .week-view .week-day-header-item.is-today .week-day-name,.calendar-body .week-view .week-day-header-item.is-today .week-day-number{color:#fff}.calendar-body .week-view .week-day-header-item.is-selected{border-radius:12px;box-shadow:inset 0 0 0 2px #1f2a44;margin:6px}.calendar-body .week-view .week-grid{display:grid;grid-template-columns:70px 1fr;min-height:0}.calendar-body .week-view.is-desktop .week-grid{grid-template-columns:70px minmax(-webkit-min-content,1fr);grid-template-columns:70px minmax(min-content,1fr)}.calendar-body .week-view .time-column{background:#f8fafc;border-right:1px solid #e7ecf4;display:flex;flex-direction:column;min-width:0}.calendar-body .week-view .time-column-spacer{background:#f8fafc;border-bottom:1px solid #e7ecf4;flex-shrink:0;height:58px}.calendar-body .week-view .time-slots{display:grid;min-height:0}.calendar-body .week-view .days-container{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:1fr;min-height:0}.calendar-body .week-view.is-desktop .days-container{display:flex;flex:1 1 auto;grid-template-columns:none;min-width:0}.calendar-body .week-view.is-desktop .day-column{flex:1 0;min-width:max(160px,var(--overlap-column-width)*var(--day-max-columns,1))}.calendar-body .week-view .day-column{border-right:1px solid #edf1f6;display:grid;grid-template-rows:58px 1fr;min-width:0;position:relative}.calendar-body .week-view .day-column:last-child{border-right:none}.calendar-body .week-view.is-desktop .day-column{grid-template-rows:1fr}.calendar-body .week-view .day-column .day-header{background:#f8fafc;border-bottom:1px solid #e7ecf4;display:grid;font-weight:600;place-items:center}.calendar-body .week-view .day-column .day-header .day-name{color:#64748b;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.calendar-body .week-view .day-column .day-header .day-number{color:#1f2937;font-size:1.1rem}.calendar-body .week-view .day-column .day-body{background:#fff;background-image:linear-gradient(180deg,#e2e8f080 1px,#0000 0);background-size:100% 60px;background-size:100% var(--slot-height,60px);cursor:pointer;position:relative}.calendar-body .week-view .week-event{border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;min-height:32px;padding:0;position:absolute;transition:left .12s ease,width .12s ease;z-index:2}.calendar-body .week-view .week-event.is-resizing{transition:top .08s ease,height .08s ease,left .12s ease,width .12s ease}.calendar-body .week-view .week-event.is-dragging{opacity:.95}.calendar-body .week-view .week-event .calendar-event{align-items:start;box-sizing:border-box;flex:1 1;height:100%;margin-bottom:0;min-height:0}.calendar-body .week-view .week-event .calendar-event .event-main{align-self:stretch;display:flex;flex-direction:column;min-height:0}.calendar-body .week-view .week-event .calendar-event .event-card-head{background:#fff;box-shadow:0 2px 0 0 #0f172a0a;flex-shrink:0;margin-bottom:4px;padding-bottom:2px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.calendar-body .week-view .week-event .resize-handle{cursor:ns-resize;height:12px;left:0;opacity:0;position:absolute;right:0;transition:opacity .15s ease;z-index:3}.calendar-body .week-view .week-event .resize-handle:after{background:#0f172a73;border-radius:999px;content:"";height:2px;left:12px;position:absolute;right:12px;top:0}.calendar-body .week-view .week-event .resize-handle.top{top:0}.calendar-body .week-view .week-event .resize-handle.bottom{bottom:0}.calendar-body .week-view .week-event .resize-handle.bottom:after{bottom:0;top:auto}.calendar-body .week-view .week-event:hover .resize-handle{opacity:1}.calendar-body .week-view .week-drop-preview{background:#2563eb1f;border:1px dashed #2563eb99;border-radius:10px;left:4px;pointer-events:none;position:absolute;right:4px;z-index:1}.calendar-body .week-view .time-slot{font-size:.85em;height:60px;height:var(--slot-height,60px);position:relative}.calendar-body .week-view .time-slot .time-label{background:#f8fafc;color:#64748b;font-size:.75em;font-weight:600;left:6px;padding:0 6px;position:absolute;top:-8px}.calendar-body .week-view .time-slot .grid-line{border-bottom:1px solid #e2e8f080;height:1px;margin-left:10px;width:calc(100% - 10px)}@media(max-width:768px){.calendar-body .week-view .day-column{min-width:max(100%,var(--overlap-column-width)*var(--day-max-columns,1))}.calendar-body .week-view .week-header{display:grid;flex-shrink:0;grid-template-columns:1fr}.calendar-body .week-view .time-header-spacer{display:none}.calendar-body .week-view .week-days-header{grid-template-columns:repeat(7,minmax(44px,1fr))}.calendar-body .week-view .week-day-header-item{height:52px}.calendar-body .week-view .week-day-header-item .week-day-name{font-size:.62rem}.calendar-body .week-view .week-day-header-item .week-day-number{font-size:.9rem}.calendar-body .week-view .week-grid{grid-template-columns:44px 1fr;margin-top:10px}.calendar-body .week-view .days-container{grid-template-columns:1fr;grid-template-rows:1fr}.calendar-body .week-view .day-column{border-bottom:none;border-right:1px solid #edf1f6;grid-template-rows:1fr}.calendar-body .week-view .day-header,.calendar-body .week-view .time-column-spacer{display:none}.calendar-body .week-view .week-view-horizontal{overflow-x:hidden}.calendar-body .week-view .week-event .resize-handle{height:14px;opacity:1}}.month-view{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.month-view .month-weekdays{grid-gap:6px;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;color:#64748b;display:grid;font-size:.68rem;font-weight:700;gap:6px;grid-template-columns:repeat(7,1fr);letter-spacing:.12em;padding:10px 12px;text-transform:uppercase}.month-view .month-weekday{padding:4px 8px;text-align:center}.month-view .month-grid{background:#fff;border:1px solid #e7ecf4;border-radius:18px;display:grid;flex:1 1;grid-auto-rows:minmax(130px,1fr);grid-template-columns:repeat(7,1fr);min-height:0;overflow:hidden}.month-view .month-cell{background:#fff;border-bottom:1px solid #edf1f6;border-right:1px solid #edf1f6;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:130px;padding:12px;transition:background .2s ease,box-shadow .2s ease}.month-view .month-cell:nth-child(7n){border-right:none}.month-view .month-cell:hover{background:#f8fafc}.month-view .month-cell.other-month{background:#f8fafc;color:#94a3b8}.month-view .month-cell-header{align-items:center;display:flex;gap:6px;justify-content:flex-start}.month-view .month-cell-number{border-radius:50%;color:#1f2937;display:grid;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;place-items:center;width:30px}.month-view .month-cell-number.is-today{background:#1f2a44;box-shadow:0 6px 16px #0f172a40;color:#fff}.month-view .month-cell-events-badge{display:none}.month-view .month-cell-events{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:2px}.month-view.is-mobile{gap:8px}.month-view.is-mobile .month-weekdays{font-size:.75rem;letter-spacing:.02em;padding:8px 6px}.month-view.is-mobile .month-weekday{padding:2px 0}.month-view.is-mobile .month-grid{border-radius:14px;gap:0;grid-auto-rows:minmax(64px,1fr)}.month-view.is-mobile .month-cell{border-radius:0;justify-content:flex-start;min-height:64px;padding:6px 4px}.month-view.is-mobile .month-cell-header{align-items:center;flex-wrap:wrap;gap:2px;justify-content:space-between}.month-view.is-mobile .month-cell-number{font-size:.8rem;height:26px;width:26px}.month-view.is-mobile .month-cell-events-badge{align-items:center;background:#e0e7ff;border-radius:999px;color:#4338ca;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.month-view.is-mobile .month-cell-events{display:none}@media(max-width:1024px){.month-view:not(.is-mobile) .month-grid{grid-auto-rows:minmax(110px,1fr)}}@media(max-width:768px){.month-view:not(.is-mobile) .month-grid{grid-auto-rows:minmax(96px,1fr)}.month-view:not(.is-mobile) .month-weekdays{font-size:.65rem}}.event-form-modal{box-sizing:border-box;inset:0;position:fixed;z-index:1000}.event-form-modal .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;inset:0;position:absolute}.event-form-modal .modal-panel{animation:formSlideIn .25s ease forwards;background:#fff;border-radius:20px 0 0 20px;box-shadow:-20px 0 56px #0f172a2e;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:auto;max-width:100%;overflow:hidden;position:relative;transform:translateX(100%);width:min(560px,96vw)}.event-form-modal .modal-header{background:linear-gradient(180deg,#fafbfd,#fff);border-bottom:1px solid #eef2f7;flex-shrink:0;padding:24px 24px 20px;position:relative}.event-form-modal .modal-header h3{color:#0f172a;font-size:1.35rem;font-weight:700;line-height:1.3;margin:0 0 4px}.event-form-modal .modal-header p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0}.event-form-modal .modal-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:color .2s ease;width:36px}.event-form-modal .modal-close:hover{color:#1e293b}.event-form-modal .modal-close svg{display:block}.event-form-modal .modal-body{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:100%;min-height:0;min-width:0;overflow:auto;overflow-x:hidden;padding:20px 24px 24px}.event-form-modal .section{display:flex;flex-direction:column;gap:12px;min-width:0}.event-form-modal .section-title{color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.event-form-modal .type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);min-width:0}.event-form-modal .type-selector button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#334155;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:6px;min-width:0;padding:12px 10px;transition:border-color .2s ease,background .2s ease,color .2s ease}.event-form-modal .type-selector button svg{flex-shrink:0;font-size:1.25rem}.event-form-modal .type-selector button:hover{background:#f8fafc;border-color:#cbd5e1}.event-form-modal .type-selector button.active{background:#111827;border-color:#111827;color:#fff}.event-form-modal .type-selector button.active:hover{background:#1f2937;border-color:#1f2937}.event-form-modal .color-picker{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.event-form-modal .color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:2rem;transition:transform .2s ease,box-shadow .2s ease;width:2rem}.event-form-modal .color-option.selected{box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor;transform:scale(1.08)}.event-form-modal .color-custom-wrap{position:relative}.event-form-modal .color-option-custom{align-items:center;background-color:#e2e8f0;display:flex;justify-content:center}.event-form-modal .color-option-custom .color-custom-plus{color:#64748b;font-size:1rem;font-weight:700;line-height:1}.event-form-modal .color-option-custom.selected .color-custom-plus{display:none}.event-form-modal .color-picker-popover{bottom:100%;left:0;margin-bottom:8px;position:absolute;z-index:10}.event-form-modal .color-picker-popover-inner{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0f172a26;display:flex;gap:10px;padding:12px}.event-form-modal .color-picker-popover-inner input[type=color]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;height:44px;padding:4px;width:44px}.event-form-modal .color-picker-popover-inner .color-hex-input{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.85rem;min-width:0;padding:8px 10px;width:100px}.event-form-modal .color-picker-popover-inner .color-hex-input:focus{border-color:#111827;outline:none}.event-form-modal .field{display:flex;flex-direction:column;gap:8px;min-width:0}.event-form-modal .field label{color:#475569;font-size:.85rem;font-weight:600}.event-form-modal input[type=date],.event-form-modal input[type=datetime-local],.event-form-modal input[type=text],.event-form-modal select,.event-form-modal textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.95rem;min-width:0;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.event-form-modal input[type=date]::placeholder,.event-form-modal input[type=datetime-local]::placeholder,.event-form-modal input[type=text]::placeholder,.event-form-modal select::placeholder,.event-form-modal textarea::placeholder{color:#94a3b8}.event-form-modal input[type=date]:focus,.event-form-modal input[type=datetime-local]:focus,.event-form-modal input[type=text]:focus,.event-form-modal select:focus,.event-form-modal textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271f;outline:none}.event-form-modal textarea{line-height:1.5;min-height:88px;resize:vertical}.event-form-modal select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.event-form-modal .time-pickers{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.event-form-modal .time-pickers input{box-sizing:border-box;min-width:0}.event-form-modal .additional-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;min-width:0}.event-form-modal .modal-actions{align-items:center;background:#fff;border-top:1px solid #eef2f7;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.event-form-modal .modal-actions button{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background .2s ease,transform .05s ease}.event-form-modal .modal-actions button:active{transform:scale(.98)}.event-form-modal .modal-actions button.cancel-btn{background:#f1f5f9;color:#475569}.event-form-modal .modal-actions button.cancel-btn:hover{background:#e2e8f0}.event-form-modal .modal-actions button.submit-btn{background:#111827;color:#fff}.event-form-modal .modal-actions button.submit-btn:hover:not(:disabled){background:#1f2937}.event-form-modal .modal-actions button.submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}@keyframes formSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:768px){.event-form-modal .modal-panel{border-radius:0;box-shadow:none;max-width:100%;width:100%}.event-form-modal .additional-fields,.event-form-modal .time-pickers{grid-template-columns:1fr}}.event-details-modal{box-sizing:border-box;inset:0;position:fixed;z-index:1000}.event-details-modal .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;inset:0;position:absolute}.event-details-modal .modal-panel{animation:slideIn .25s ease forwards;background:#fff;border-radius:20px 0 0 20px;box-shadow:-20px 0 56px #0f172a2e;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:auto;max-width:100%;overflow:hidden;position:relative;transform:translateX(100%);width:min(560px,96vw)}.event-details-modal .modal-panel.is-closing{animation:slideOut .25s ease forwards}.event-details-modal .modal-header{align-items:flex-start;background:linear-gradient(180deg,#fafbfd,#fff);border-bottom:1px solid #eef2f7;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:24px 24px 16px;position:relative}.event-details-modal .header-main{grid-gap:8px;display:grid;gap:8px;min-width:0}.event-details-modal .event-chip{align-self:flex-start;border-radius:999px;box-shadow:0 2px 8px #0000001f;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.06em;max-width:100%;padding:5px 12px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.event-details-modal .event-title{color:#0f172a;font-size:1.35rem;font-weight:700;line-height:1.3;margin:0;word-break:break-word}.event-details-modal .time-range{grid-gap:2px;color:#475569;display:grid;font-weight:600;gap:2px}.event-details-modal .time-date{font-size:.9rem}.event-details-modal .time-hours{color:#64748b;font-size:.85rem}.event-details-modal .modal-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:color .2s ease;width:36px}.event-details-modal .modal-close:hover{color:#1e293b}.event-details-modal .modal-close svg{display:block}.event-details-modal .modal-tabs{background:#fff;border-bottom:1px solid #eef2f7;display:flex;flex-shrink:0;gap:4px;padding:0 24px}.event-details-modal .modal-tab{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:14px 20px;position:relative;transition:color .2s ease}.event-details-modal .modal-tab:after{background:#0000;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:background .2s ease}.event-details-modal .modal-tab:hover{color:#334155}.event-details-modal .modal-tab.is-active{color:#111827}.event-details-modal .modal-tab.is-active:after{background:#111827}.event-details-modal .modal-body{box-sizing:border-box;flex:1 1;max-width:100%;min-height:0;min-width:0;overflow:auto;overflow-x:hidden;padding:0 24px 24px}.event-details-modal .tab-content{animation:tabFade .2s ease;min-width:0;padding-top:8px;width:100%}.event-details-modal .tab-info{min-width:0;width:100%}.event-details-modal .tab-info .info-card{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:0;min-width:0;padding:0;width:100%}.event-details-modal .info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:14px 0}.event-details-modal .info-row:last-of-type{border-bottom:none}.event-details-modal .info-row.column{align-items:flex-start;flex-direction:column;gap:8px}.event-details-modal .info-row .label{color:#64748b;flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.event-details-modal .info-row .value{color:#0f172a;font-weight:600;min-width:0;text-align:right;word-break:break-word}.event-details-modal .info-row .value.description{font-weight:500;line-height:1.5;text-align:left;white-space:pre-wrap}.event-details-modal .attendees-list{grid-gap:10px;display:grid;gap:10px;width:100%}.event-details-modal .attendee{align-items:center;display:flex;gap:12px}.event-details-modal .attendee-avatar,.event-details-modal .attendee-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;color:#475569;display:grid;font-size:.9rem;font-weight:700;height:36px;object-fit:cover;place-items:center;width:36px}.event-details-modal .attendee-name{color:#1e293b;font-size:.95rem;font-weight:600}.event-details-modal .attachments-block{display:flex;flex-direction:column;gap:12px;width:100%}.event-details-modal .attachments-file-input{clip:rect(0,0,0,0);height:0;opacity:0;overflow:hidden;position:absolute;width:0}.event-details-modal .attachments-add-btn{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:border-color .2s ease,background .2s ease,color .2s ease;width:-webkit-fit-content;width:fit-content}.event-details-modal .attachments-add-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1;color:#4f46e5}.event-details-modal .attachments-add-btn:disabled{cursor:not-allowed;opacity:.7}.event-details-modal .attachments-add-btn svg{flex-shrink:0;font-size:1.1rem}.event-details-modal .attachments-empty{color:#94a3b8;font-size:.9rem;margin:0}.event-details-modal .attachments-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;min-width:0;padding:0;width:100%}.event-details-modal .attachment-item{align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:12px;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:10px 14px}.event-details-modal .attachment-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.event-details-modal .attachment-meta{color:#64748b;font-size:.75rem;margin-left:26px}.event-details-modal .attachment-type{word-break:break-all}.event-details-modal .attachment-name{align-items:center;color:#334155;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-details-modal .attachment-name svg{color:#64748b;flex-shrink:0;font-size:1rem}.event-details-modal .attachment-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.event-details-modal .attachment-btn{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#8a94a6;cursor:pointer;display:inline-flex;height:28px;justify-content:center;min-height:28px;min-width:28px;padding:0;transition:all .2s ease;width:28px}.event-details-modal .attachment-btn:hover:not(:disabled){background:#e9edf3;color:#6b7280}.event-details-modal .attachment-btn:disabled{cursor:not-allowed;opacity:.5}.event-details-modal .attachment-btn svg{fill:currentColor;color:inherit;flex-shrink:0;height:14px;width:14px}.event-details-modal .attachment-delete:hover:not(:disabled){background:#fee2e2;border-color:#fecacacc;color:#dc2626}.event-details-modal .attachment-spin{animation:attachment-spin .8s linear infinite;color:inherit;height:14px;width:14px}.event-details-modal .tab-history{min-height:120px;min-width:0;width:100%}.event-details-modal .audit-state{color:#64748b;font-size:.95rem;padding:32px 0;text-align:center}.event-details-modal .audit-state.audit-state-empty{color:#94a3b8}.event-details-modal .audit-timeline{background:#0000;border-radius:0;min-width:0;padding:0;width:100%}.event-details-modal .audit-timeline-title{color:#1e293b;font-size:.95rem;font-weight:700;margin:0 0 16px}.event-details-modal .audit-date-group{margin-bottom:20px}.event-details-modal .audit-date-group:last-child{margin-bottom:0}.event-details-modal .audit-date-pill{background:#e2e8f0;border-radius:999px;color:#64748b;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.event-details-modal .audit-timeline-track{padding-left:0;position:relative}.event-details-modal .audit-timeline-item{background:#0000;border:none;border-radius:0;display:flex;gap:0;min-width:0;padding:0}.event-details-modal .audit-timeline-icon-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:28px}.event-details-modal .audit-timeline-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px;z-index:1}.event-details-modal .audit-timeline-icon svg{height:14px;width:14px}.event-details-modal .audit-timeline-line{background:#e2e8f0;border-radius:1px;bottom:-20px;left:13px;position:absolute;top:28px;width:2px}.event-details-modal .audit-timeline-content{flex:1 1;min-width:0;padding:0 0 16px 12px}.event-details-modal .audit-timeline-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.event-details-modal .audit-timeline-action{color:#334155;font-size:.9rem;font-weight:600}.event-details-modal .audit-timeline-time{color:#94a3b8;flex-shrink:0;font-size:.8rem}.event-details-modal .audit-diff-list{grid-gap:6px;background:#fffc;border:1px solid #eef2f7;border-radius:8px;display:grid;gap:6px;margin-top:8px;min-width:0;padding:10px 12px}.event-details-modal .audit-diff-row{align-items:flex-start;color:#475569;display:flex;font-size:.8rem;gap:12px;justify-content:space-between;min-width:0}.event-details-modal .diff-label{color:#64748b;flex-shrink:0;font-weight:600}.event-details-modal .diff-value{align-items:center;display:inline-flex;flex-wrap:wrap;font-weight:500;gap:6px;justify-content:flex-end;min-width:0;text-align:right;word-break:break-word}.event-details-modal .diff-arrow{color:#94a3b8;flex-shrink:0;font-weight:700}.event-details-modal .modal-actions{align-items:center;background:#fff;border-top:1px solid #eef2f7;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 24px 24px}.event-details-modal .action-group{display:flex;gap:10px}.event-details-modal .modal-actions button{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:background .2s ease,transform .1s ease}.event-details-modal .modal-actions button:active{transform:scale(.98)}.event-details-modal .modal-actions button.danger-btn{background:#fef2f2;color:#dc2626}.event-details-modal .modal-actions button.danger-btn:hover{background:#fee2e2}.event-details-modal .modal-actions button.submit-btn{background:#111827;color:#fff}.event-details-modal .modal-actions button.submit-btn:hover{background:#1f2937}@keyframes attachment-spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes tabFade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.event-details-modal .modal-panel{border-radius:0;box-shadow:none;max-width:100%;width:100%}}.messages-page{background:#f5f7fb;display:grid;grid-template-columns:320px 1fr;height:100%}@media(max-width:768px){.messages-page{height:100vh}}.chat-list-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0;display:flex;flex-direction:column;padding:0}.chat-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding:18px 20px 12px}.chat-list-header .sidebar-toggle-btn-mobile{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:8px;color:#8a94a6;cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.chat-list-header .sidebar-toggle-btn-mobile:hover{background:#e9edf3;color:#6b7280}@media(max-width:768px){.chat-list-header .sidebar-toggle-btn-mobile{display:inline-flex}}.chat-list-header h2{color:#1e3a8a;font-size:20px;margin:0}.chat-list-header h2 span{color:#64748b;font-weight:500;margin-left:6px}.chat-search{align-items:center;color:#94a3b8;display:flex;gap:8px;padding:0 20px 12px}.chat-search input{background:#fff;border:none;border-radius:10px;flex:1 1;font-size:13px;padding:8px 10px}.chat-list-actions{display:flex;gap:8px}.avatar-action-btn{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#8a94a6;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:34px}.avatar-action-btn:hover{background:#e9edf3;color:#6b7280}.chat-list{gap:16px;overflow-y:auto;padding:0 16px 16px}.chat-list,.chat-section{display:flex;flex-direction:column}.chat-section{gap:10px}.chat-section-title{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;letter-spacing:.04em;padding:0 4px;text-transform:uppercase}.chat-section-list{background-color:#fff;border-color:#000;border-radius:20px;display:flex;flex-direction:column;gap:0}.chat-list-item{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:12px 8px;position:relative;text-align:left;transition:all .2s ease}.chat-list-item:hover{background:#eef1f5;border-radius:12px;box-shadow:none;transform:none}.chat-list-item.active{background:#3b82f614;border-radius:20px}.chat-list-item:after{background:#94a3b833;border-radius:999px;bottom:0;content:"";height:1px;left:10px;position:absolute;right:10px}.chat-section-list .chat-list-item:last-child:after{display:none}.chat-avatar,.chat-avatar-wrap{position:relative}.chat-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.chat-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.chat-avatar .avatar-fallback{align-items:center;display:flex;font-size:inherit;font-weight:600;height:100%;justify-content:center;width:100%}.chat-avatar.large{border-radius:50%;font-size:18px;height:56px;width:56px}.chat-online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:-2px;height:8px;position:absolute;right:-2px;width:8px}.chat-item-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.chat-title-row{align-items:center;display:flex;justify-content:flex-start}.chat-title{color:#1f2937;font-weight:600}.chat-unread{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;padding:2px 6px}.chat-item-meta{align-items:flex-end;align-self:stretch;display:flex;flex-direction:column;gap:6px;justify-content:space-between;min-width:54px}.chat-last-time{color:#94a3b8;font-size:11px}.chat-last-message{color:#64748b;font-size:12px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-last-message.typing{color:#3b82f6;font-style:italic}.chat-window{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0f172a14;display:flex;flex-direction:column;margin-bottom:10px;overflow:hidden;position:relative;right:15px;width:100%}.chat-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#f8fafcf2 0,#f8fafce6 50%,#f8fafcb3 80%,#f8fafc66 95%,#0000);border-bottom:none;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.chat-back-btn{height:34px;width:34px}.chat-back-btn,.chat-settings-btn{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.chat-settings-btn{height:36px;width:36px}.chat-body{flex:1 1;flex-direction:row;min-height:0;width:100%}.chat-body,.chat-main{display:flex;margin-right:0;padding-right:0}.chat-main{flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.chat-main .composer-container{flex-shrink:0;margin-top:auto;z-index:40}.chat-content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.chat-content-wrapper .chat-messages{-ms-overflow-style:none;flex:1 1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none;z-index:1}.chat-content-wrapper .chat-messages::-webkit-scrollbar{display:none}.chat-content-wrapper .scroll-to-bottom-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#f3f4f6f2 0,#f3f4f6e6 50%,#f3f4f6d9);border:1px solid #e2e8f0e6;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #0f172a1a;color:#64748b;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;position:absolute;right:20px;transition:all .2s ease;width:36px;z-index:25}.chat-content-wrapper .scroll-to-bottom-btn:hover{background:linear-gradient(180deg,#e9edf3f2 0,#e9edf3e6 50%,#e9edf3d9);box-shadow:0 4px 12px #0f172a26;color:#475569;transform:translateY(-1px)}.chat-content-wrapper .scroll-to-bottom-btn:active{transform:translateY(0)}.chat-content-wrapper .scroll-to-bottom-btn svg{display:block;font-size:18px}.chat-content-wrapper .scroll-to-bottom-btn.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.chat-content-wrapper .chat-header{left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:30}.chat-settings-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow-y:auto;padding:16px;width:300px}@media(max-width:1024px){.chat-settings-panel{border-left:none;bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}}.chat-settings-header{align-items:center;display:flex;flex-direction:column;gap:10px;position:relative}.chat-settings-header .chat-settings-back-btn{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#64748b;cursor:pointer;display:none;height:36px;justify-content:center;left:0;padding:0;position:absolute;top:0;transition:all .2s ease;width:36px}.chat-settings-header .chat-settings-back-btn:hover{background:#e9edf3;color:#6b7280}.chat-settings-header .chat-settings-back-btn svg{font-size:18px}@media(max-width:1024px){.chat-settings-header .chat-settings-back-btn{display:flex}}.chat-settings-header h4{color:#0f172a;font-size:16px;margin:0}.chat-settings-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;height:72px;justify-content:center;overflow:hidden;width:72px}.chat-settings-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.chat-settings-section{display:flex;flex-direction:column;gap:10px}.chat-settings-add-member{align-items:center;background:#f8fafc;border:1px dashed #94a3b880;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 10px;width:-webkit-fit-content;width:fit-content}.chat-settings-add-member-panel{display:flex;flex-direction:column;gap:10px}.chat-settings-add-actions{display:flex;gap:8px}.chat-settings-section-toggle{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:0}.chat-settings-section-toggle span{align-items:center;display:flex;font-weight:600;gap:8px}.chat-settings-members{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:hidden;transition:all .2s ease}.chat-settings-members.collapsed{max-height:140px}.chat-settings-member{align-items:center;color:#0f172a;display:flex;font-size:13px;gap:10px}.chat-settings-member-avatar{align-items:center;background:#c7d2fe;border-radius:50%;color:#1e3a8a;display:inline-flex;font-size:11px;height:28px;justify-content:center;width:28px}.chat-settings-member-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.chat-settings-expand{align-self:flex-start;background:#0000;border:none;color:#64748b;cursor:pointer}.chat-settings-options{display:flex;flex-direction:column;gap:8px}.chat-settings-options button{background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:10px;color:#0f172a;cursor:pointer;font-size:13px;padding:10px 12px;text-align:left}.chat-settings-options .danger{color:#ef4444}.chat-header-main{align-items:center;display:flex;gap:16px}.chat-header-info h3{color:#0f172a;font-size:18px;margin:0}.chat-presence{color:#64748b;display:inline-block;font-size:12px;margin-top:4px}.chat-context-menu{background:#fff;border:1px solid #94a3b833;border-radius:10px;box-shadow:0 12px 30px #0f172a1f;display:flex;flex-direction:column;min-width:160px;padding:6px;position:fixed;z-index:20}.chat-context-menu button{background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:13px;padding:8px 10px;text-align:left}.chat-context-menu button:hover{background:#f1f5f9}.chat-context-menu .danger{color:#ef4444}@media(max-width:768px){.chat-context-menu{box-shadow:0 8px 24px #0f172a33;max-width:calc(100vw - 40px);min-width:180px;transform:none;z-index:1003}.chat-context-menu button{font-size:14px;min-height:44px;padding:12px 14px;touch-action:manipulation}.chat-context-menu button:active{background:#f1f5f9}}.chat-header-actions{display:flex;gap:8px}.chat-messages{background:linear-gradient(180deg,#f8fafc,#fff 40%);display:flex;flex-direction:column;gap:14px;padding:88px 20px 12px}.composer-container .typing-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border-radius:20px;bottom:calc(100% - 2px);color:#64748b;display:flex;font-size:13px;gap:8px;left:50%;max-width:80%;min-height:32px;padding:6px 12px;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:2}.composer-container .typing-indicator .typing-icon{color:#2563eb;flex-shrink:0;font-size:16px}.composer-container .typing-indicator .typing-user{align-items:center;display:flex;gap:8px}.composer-container .typing-indicator .typing-avatar{align-items:center;background:#c7d2fe;border-radius:50%;color:#1e3a8a;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.composer-container .typing-indicator .typing-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.composer-container .typing-indicator .typing-name{color:#1f2937;font-weight:500}.composer-container .typing-indicator .typing-text{color:#64748b;font-weight:400}.composer-container .typing-indicator .typing-dots{align-items:center;color:#94a3b8;display:inline-flex;gap:1px;margin-left:2px}.composer-container .typing-indicator .typing-dots .dot{animation:typing-dot 1.4s ease-in-out infinite;animation-fill-mode:both;display:inline-block}.composer-container .typing-indicator .typing-dots .dot:first-child{animation-delay:0s}.composer-container .typing-indicator .typing-dots .dot:nth-child(2){animation-delay:.2s}.composer-container .typing-indicator .typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-row{align-items:flex-start;display:flex;gap:12px;position:relative}.message-row.mine{flex-direction:row-reverse}.message-row.unread .message-bubble{box-shadow:0 0 0 1px #3b82f659}.chat-unread-divider{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px;letter-spacing:.04em;margin:12px 0;text-transform:uppercase}.chat-unread-divider:after,.chat-unread-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.message-row.message-row-editing .message-bubble{background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 0 0 2px #c7d2fe}.message-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;position:relative}.message-row.mine .message-content{align-items:flex-end}.message-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.message-row.mine .message-header{justify-content:flex-end}.message-author{align-items:center;color:#1f2937;display:flex;font-size:12px;gap:8px}.message-row.mine .message-author{flex-direction:row-reverse}.message-sender{font-weight:600}.message-time{align-items:center;color:#94a3b8;display:inline-flex;gap:6px}.message-read-status{color:#3b82f6;font-size:11px;letter-spacing:-1px;opacity:.9}.message-row.mine .message-read-status{color:#3b82f6}.message-row.mine .message-read-status.read{color:#2563eb}.message-header-actions{opacity:0;position:relative;transition:opacity .15s ease}.message-row.mine:hover .message-header-actions{opacity:1}.message-avatar{align-items:center;background:#c7d2fe;border-radius:50%;color:#1e3a8a;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;position:relative;width:36px}.message-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.message-avatar .avatar-fallback{align-items:center;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.message-bubble{word-wrap:break-word;background:#e2e8f0;border-radius:16px;color:#0f172a;display:inline-block;max-width:70%;overflow-wrap:break-word;padding:12px 14px;position:relative;width:-webkit-fit-content;width:fit-content;word-break:break-word}.message-bubble.theirs{align-self:flex-start;border-top-left-radius:4px}.message-bubble.mine{align-self:flex-end;background:#347cfb;border-top-right-radius:4px;color:#fff}.message-attachments{display:flex;flex-direction:column;gap:6px;margin-top:8px}.message-row .message-attachments{max-width:70%}.message-file-list{gap:8px}.message-file-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:12px;justify-content:space-between;min-width:240px;padding:10px 12px}.message-row.mine .message-file-card{background:#2563eb14;border-color:#2563eb33}.message-file-info{align-items:center;color:#0f172a;display:flex;gap:10px;min-width:0}.message-file-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.message-file-actions{align-items:center;display:flex;gap:6px}.message-file-actions button{padding:0}.message-file-action,.message-file-actions button{align-items:center;background:#f3f4f6;border:1px solid #e2e8f0e6;border-radius:50%;color:#64748b;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.message-file-action{font-size:16px;transition:background .15s ease,color .15s ease}.message-row.mine .message-file-action{background:#f3f4f6;border-color:#e2e8f0e6;color:#64748b}.message-file-action:hover,.message-row.mine .message-file-action:hover{background:#e2e8f0;color:#475569}.message-file-action svg{display:block;height:16px;width:16px}.message-attachments-grid{display:inline-grid;gap:6px;max-width:100%;width:-webkit-fit-content;width:fit-content}.message-attachments-grid.single{grid-template-columns:repeat(1,minmax(160px,1fr));max-width:260px}.message-attachments-grid.compact{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));max-width:320px}.message-row.mine .message-attachments{align-self:flex-end}.message-row.theirs .message-attachments{align-self:flex-start}.message-image{aspect-ratio:4/3;background:#0f172a14;border-radius:10px;height:auto;overflow:hidden;width:100%}.message-image img{display:block;height:100%;object-fit:cover;width:100%}.message-attachments-grid.compact .message-image{aspect-ratio:1/1}@media(max-width:768px){.message-attachments-grid.single{max-width:200px}.message-attachments-grid.compact{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));max-width:240px}.message-attachments-grid.compact .message-image{aspect-ratio:1/1}}.message-image-placeholder{align-items:center;color:inherit;display:flex;font-size:12px;gap:8px;justify-content:center;padding:12px}.message-file-list{display:flex;flex-direction:column;gap:6px}.message-attachment{align-items:center;background:#0f172a0f;border-radius:10px;color:#0f172a;display:inline-flex;font-size:12px;gap:6px;line-height:1.2;padding:6px 8px}.message-attachment svg{flex-shrink:0;font-size:14px}.message-bubble.mine .message-attachment{background:#ffffff26;color:#fff}.attachment-name{font-weight:500}.attachment-size{font-size:11px;opacity:.7}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.message-row.mine .message-reactions{justify-content:flex-end}.reaction-chip{background:#eef1f5;border:1px solid #0000;border-radius:999px;color:#334155;cursor:pointer;font-size:12px;padding:4px 8px;-webkit-user-select:none;user-select:none}.reaction-chip.active{background:#3b82f626;border-color:#3b82f64d;color:#2563eb}.message-actions{align-items:center;display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.message-deleted{align-items:center;background:#94a3b826;border-radius:999px;color:#94a3b8;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.message-deleted-dots span{animation:deletedDots 1.2s infinite;display:inline-block}.message-deleted-dots span:nth-child(2){animation-delay:.2s}.message-deleted-dots span:nth-child(3){animation-delay:.4s}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #94a3b866;border-radius:50%;border-top-color:#94a3b8e6;height:14px;width:14px}@keyframes deletedDots{0%,80%,to{opacity:.2}40%{opacity:1}}.message-row.mine .message-actions{justify-content:flex-end}.message-row:hover .message-actions{opacity:1}.message-body{word-wrap:break-word;font-size:14px;line-height:1.4;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.message-edited{color:inherit;font-size:11px;margin-left:6px;opacity:.7}.message-action-btn{background:#f8fafc;border:1px solid #0000;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;line-height:1;padding:4px 6px}.message-action-btn:hover{border-color:#e2e8f0;color:#64748b}.reaction-action{position:relative}.reaction-picker{grid-gap:6px;background:#fff;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 8px 20px #0f172a1a;box-sizing:border-box;display:grid;gap:6px;justify-items:center;left:0;padding:8px 10px;position:absolute;z-index:10}.reaction-picker button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;height:28px;width:28px}.message-row.mine .reaction-picker{left:auto;right:0}.message-menu{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0f172a1f;display:flex;flex-direction:column;min-width:120px;overflow:hidden;position:absolute;right:0;top:26px;z-index:20}.message-menu button{background:#fff;border:none;color:#0f172a;cursor:pointer;font-size:12px;padding:8px 10px;text-align:left}.message-menu button:hover{background:#f1f5f9}.composer-container{align-items:stretch;background:#0000;background:#fff;border:none;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:44px;padding:16px 20px;position:relative;transition:background .15s ease,box-shadow .15s ease;z-index:40}.composer-container.composer-drag-over{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:12px;border-right:3px solid #3b82f6;box-shadow:inset 0 0 0 2px #3b82f6}.composer-container:before{background:linear-gradient(180deg,#fff0 0,#fff3 30%,#ffffff80 60%,#fffc 85%,#fff);content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;top:-60px;z-index:0}.composer-container .composer-controls{align-items:flex-end;display:flex;gap:8px;position:relative;z-index:1}.composer-container .emoji-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin:0;min-height:36px;min-width:36px;padding:0;transition:color .2s ease;width:36px}.composer-container .emoji-btn:hover{color:#475569}.composer-container .emoji-btn svg{display:block;font-size:22px;height:22px;width:22px}.composer-container .attach-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin:0;min-height:36px;min-width:36px;padding:0;transition:color .2s ease;width:36px}.composer-container .attach-btn:hover:not(:disabled){color:#475569}.composer-container .attach-btn:disabled{color:#cbd5e1;cursor:not-allowed}.composer-container .attach-btn svg{display:block;font-size:20px;height:20px;width:20px}.composer-container .chat-file-input{display:none}.composer-container .composer-attachments{display:flex;flex-direction:column;gap:8px;z-index:1}.composer-container .composer-images{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.composer-container .composer-image-item{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;height:72px;justify-content:center;overflow:hidden;position:relative}.composer-container .composer-image-item img{display:block;height:100%;object-fit:cover;width:100%}.composer-container .composer-image-placeholder{color:#64748b;font-size:11px;padding:6px;text-align:center}.composer-container .composer-files{display:flex;flex-wrap:wrap;gap:8px}.composer-container .composer-file-item{align-items:center;background:#eef2ff;border-radius:999px;color:#1e3a8a;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px;position:relative}.composer-container .composer-file-item svg{font-size:14px}.composer-container .composer-file-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-container .composer-file-size{font-size:11px;opacity:.7}.composer-container .composer-attachment-remove{align-items:center;background:#0f172a;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;width:18px}.composer-container .composer-attachment-remove svg{font-size:12px}.composer-container .composer-editing-bar{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px;padding:8px 12px;z-index:1}.composer-container .composer-editing-label{align-items:center;color:#4338ca;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.composer-container .composer-editing-icon{font-size:14px;opacity:.9}.composer-container .composer-editing-cancel{align-items:center;background:#4338ca26;border:none;border-radius:8px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:background .2s ease,color .2s ease}.composer-container .composer-editing-cancel:hover{background:#4338ca40}.composer-container .composer-editing-cancel svg{font-size:14px}.composer-container textarea{background:#fff;border:1px solid #0000;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;margin:0;max-height:120px;min-height:20px;outline:none;overflow-y:auto;padding:10px 14px;resize:none}.composer-container textarea:focus{border-color:#cbd5f5}.composer-container textarea::placeholder{color:#94a3b8}@media(max-width:768px){.composer-container textarea{font-size:16px}}.composer-container .send-btn{align-items:center;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background-color .2s ease;width:36px}.composer-container .send-btn:hover:not(:disabled){background:#1d4ed8}.composer-container .send-btn:active:not(:disabled){background:#1e40af}.composer-container .send-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.composer-container .send-btn svg{display:block;font-size:18px}.message-image{position:relative}.message-image-actions{display:none;flex-direction:column;gap:6px;position:absolute;right:6px;top:6px;z-index:2}.message-image-action{align-items:center;background:#0f172abf;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.message-image:hover .message-image-actions{display:inline-flex}@media(max-width:768px){.message-image-actions{display:none}}.image-preview-modal{align-items:center;background:#0f172ad9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.image-preview-content{display:flex;flex-direction:column;gap:12px;max-height:90vh;max-width:min(90vw,720px)}.image-preview-content img{background:#0f172a;border-radius:12px;height:auto;max-height:70vh;object-fit:contain;width:100%}.image-preview-actions{display:flex;gap:8px;justify-content:center}.image-preview-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px}.image-preview-btn.ghost{background:#94a3b840;color:#e2e8f0}.composer-container .emoji-picker{background:#fff;border-radius:14px;bottom:60px;box-shadow:0 10px 30px #0f172a1f;display:flex;gap:6px;left:16px;padding:8px 10px;position:absolute;z-index:20}.composer-container .emoji-picker button{background:none;border:none;cursor:pointer;font-size:18px}.primary-btn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 18px}.ghost-btn{background:#0000;border:1px solid #cbd5f5;border-radius:12px;color:#1e3a8a;cursor:pointer;font-size:12px;padding:6px 12px}.ghost-btn.tiny{padding:2px 6px}.ghost-btn.danger{border-color:#fecaca;color:#dc2626}.chat-empty-state,.chat-list-placeholder{color:#64748b;padding:40px 20px;text-align:center}.load-more{align-self:center;margin-bottom:10px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-form label{color:#475569;display:flex;flex-direction:column;font-size:12px;gap:6px}.settings-form input,.settings-form select,.settings-form textarea{background:#fff;border:1px solid #cbd5f5;border-radius:10px;font-size:14px;padding:8px 10px}@media(max-width:768px){.settings-form input,.settings-form select,.settings-form textarea{font-size:16px}}.settings-form textarea{min-height:80px;resize:vertical}.modal-backdrop{align-items:center;background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-card{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:12px;padding:24px;position:relative;width:min(420px,90vw)}.modal-card.chat-create-modal{width:min(520px,94vw)}.modal-close{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:14px;top:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.profile-modal{flex-direction:column;gap:12px}.profile-avatar,.profile-modal{align-items:center;display:flex}.profile-avatar{background:#dbeafe;border-radius:24px;color:#1e3a8a;font-size:20px;font-weight:600;height:72px;justify-content:center;width:72px}.profile-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.profile-details{color:#334155;text-align:center}.user-select-field{color:#475569;display:flex;flex-direction:column;font-size:12px;gap:6px}.user-select-label{font-weight:500}@media(max-width:1024px){.messages-page{grid-template-columns:1fr}.messages-page.chat-active .chat-list-panel{display:none}.messages-page.chat-active .chat-window,.messages-page:not(.chat-active) .chat-list-panel{display:flex}.messages-page:not(.chat-active) .chat-window{display:none}.chat-list-panel,.chat-window{height:100%}}@media(max-width:768px){.messages-page{height:100vh!important}.chat-body{flex-direction:column}.chat-body.with-settings .chat-settings-panel{border-left:none;bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}}.email-container .form-section h2{color:#292524;margin-bottom:.5rem;text-align:center}.email-container .form-section .step-info{color:#44403c;font-size:.9rem;margin-bottom:1.2rem;text-align:center}.email-container .form-section .input-group{margin:1.5rem 0 1rem}.email-container .form-section .input-field{position:relative}.email-container .form-section .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;pointer-events:none;position:absolute;top:-10px;z-index:1}.email-container .form-section .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.75rem;padding:2px}.email-container .form-section .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem;width:100%}.email-container .form-section .input-field .input-wrapper input:focus{outline:none}.email-container .form-section .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.email-container .form-section .input-field:focus-within label{color:#0d9488}.email-container .form-section .button-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-top:1.5rem}.email-container .form-section .button-group .btn{border:none;border-radius:.85rem;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease}.email-container .form-section .button-group .btn.cancel{background:#e7e5e4;color:#44403c}.email-container .form-section .button-group .btn.cancel:hover{background:#d6d3d1}.email-container .form-section .button-group .btn.confirm{background:linear-gradient(135deg,#0d9488,#059669);box-shadow:0 10px 24px #0d948838;color:#fff}.email-container .form-section .button-group .btn.confirm:hover{transform:translateY(-1px)}.email-container .form-section .button-group .btn.confirm:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.email-container .form-section .error-message{color:#ef4444;font-size:.9rem;margin-bottom:.75rem;opacity:0;pointer-events:none;text-align:center;transform:translateY(-6px);transition:all .3s ease}.email-container .form-section .error-message.visible{opacity:1;transform:translateY(0)}.confirm-container .glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff6;border-radius:1.5rem;box-shadow:0 12px 40px #1c19171f;max-width:520px;padding:2.5rem;position:relative;width:100%}.confirm-container .glass-panel h2{color:#292524;margin-bottom:.5rem;text-align:center}.confirm-container .glass-panel .step-info{color:#44403c;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.confirm-container .glass-panel .status-message{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;opacity:0;position:relative;text-align:center;transform:translateY(-10px);transition:all .3s ease}.confirm-container .glass-panel .status-message.visible{opacity:1;transform:translateY(0)}.confirm-container .glass-panel .status-message.error{color:#ef4444}.confirm-container .glass-panel .status-message.success{color:#059669}.confirm-container .glass-panel .code-inputs{display:flex;gap:.9rem;justify-content:center;margin-bottom:2rem}.confirm-container .glass-panel .code-inputs input{background:#ffffffeb;border:1px solid #a8a29e73;border-radius:.8rem;font-size:1.5rem;height:60px;text-align:center;transition:all .3s ease;width:50px}.confirm-container .glass-panel .code-inputs input.error{animation:shake .5s;border-color:#ef4444}.confirm-container .glass-panel .code-inputs input:focus{box-shadow:0 0 0 3px #0d948833;outline:none}.confirm-container .glass-panel .button-group{display:flex;justify-content:center}.confirm-container .glass-panel .button-group .btn{background:linear-gradient(135deg,#0d9488,#059669);border:none;border-radius:.85rem;box-shadow:0 10px 24px #0d948838;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.confirm-container .glass-panel .button-group .btn:hover{transform:translateY(-1px)}.confirm-container .glass-panel .resend-code{font-size:.9rem;margin-top:1.5rem;text-align:center}.confirm-container .glass-panel .resend-code button{background:none;border:none;color:#0d9488;cursor:pointer;font-size:.95rem;font-style:italic;font-weight:600;transition:color .2s ease}.confirm-container .glass-panel .resend-code button:hover{color:#0f766e}@media(max-width:600px){.confirm-container .glass-panel{max-width:100%;padding:2rem 1.5rem}.confirm-container .code-inputs{flex-wrap:wrap;gap:.6rem}.confirm-container .code-inputs input{font-size:1.3rem;height:54px;width:44px}}@media(max-width:420px){.confirm-container .glass-panel{padding:1.6rem 1.1rem}.confirm-container .code-inputs input{font-size:1.2rem;height:50px;width:40px}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-page{align-items:center;background:radial-gradient(1200px 600px at 10% -10%,#78716c0f,#0000 60%),radial-gradient(900px 520px at 90% 10%,#78716c0d,#0000 55%),linear-gradient(120deg,#1c191726,#2925242e 45%,#26262638),url(/static/media/main-background.51441434837d190beaae.avif) 50%/cover no-repeat;display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;height:inherit;justify-content:center;overflow:hidden;overflow-y:hidden;padding:3.5rem 1.5rem 2.5rem;position:relative}.auth-page:before{background:linear-gradient(180deg,#1c19170a,#2925241f 60%,#2626262e);opacity:1}.auth-page:after,.auth-page:before{content:"";inset:0;pointer-events:none;position:absolute}.auth-page:after{background:radial-gradient(700px 380px at 20% 10%,#a1a1aa14,#0000 60%),radial-gradient(700px 420px at 80% 20%,#a1a1aa0f,#0000 60%)}.auth-shell{display:flex;flex-direction:column;gap:1.5rem;position:relative;width:min(1040px,100%);z-index:1}.auth-shell--center{align-items:center}.auth-brand{color:#fafaf9;font-family:Playfair Display,Times New Roman,serif;font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:.06em;text-align:center;text-shadow:0 8px 32px #1c191766;text-transform:uppercase}.auth-container{animation:authFloatIn .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff6;border-radius:24px;box-shadow:0 8px 32px #1c191714,inset 0 1px 0 #ffffff59;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:560px;overflow:hidden;position:relative}.auth-container:before{background:linear-gradient(145deg,#ffffff14,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.auth-container .graphic-section{align-items:center;background:linear-gradient(145deg,#78716c1f,#57534e26),radial-gradient(circle at top,#ffffff26,#0000 60%);color:#1c1917;display:flex;justify-content:center;overflow:hidden;padding:3rem;position:relative}.auth-container .graphic-section:before{animation:authGlow 18s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";inset:-40% -30%;position:absolute}.auth-container .form-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;color:#292524;padding:4rem;position:relative}.auth-container .form-section:before{border:1px solid #fff3;border-radius:18px;content:"";inset:24px;pointer-events:none;position:absolute}.auth-info-panel{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.auth-info-content{animation:infoSwap .45s ease;display:flex;flex-direction:column;gap:1rem}.auth-info-content h3{color:#1c1917;font-size:1.6rem;margin:0}.auth-info-content p{color:#44403c;line-height:1.6;margin:0}.auth-info-badge{align-self:flex-start;background:#fff6;border:1px solid #ffffff80;border-radius:999px;box-shadow:0 2px 10px #1c19170f;color:#292524;font-size:.8rem;letter-spacing:.08em;padding:.35rem .9rem;text-transform:uppercase}.auth-info-tabs{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-info-tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff59;border:1px solid #ffffff80;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff80,0 6px 16px #1c19170f;color:#292524;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem .9rem;position:relative;transition:all .3s ease}.auth-info-tab:before{background:linear-gradient(135deg,#ffffff59,#0000);border-radius:14px;content:"";inset:1px;opacity:0;position:absolute;transition:opacity .3s ease}.auth-info-tab.active{background:#ffffffb3;color:#1c1917;transform:translateY(-2px) scale(1.01)}.auth-info-tab.active:before,.auth-info-tab:hover:before{opacity:1}.stepper{background:#a8a29e66;border-radius:999px;height:6px;margin:0 auto 2.5rem;overflow:hidden;position:relative;width:min(280px,100%)}.stepper:after{animation:stepFill .7s ease;background:linear-gradient(90deg,#0d9488,#059669);border-radius:inherit;content:"";inset:0 auto 0 0;position:absolute;width:25%;width:var(--step-width,25%)}.stepper.step-1{--step-width:25%}.stepper.step-2{--step-width:50%}.stepper.step-3{--step-width:75%}.stepper.step-4{--step-width:100%}@keyframes authFloatIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes authGlow{0%,to{transform:translate(-10%,-10%) rotate(0deg)}50%{transform:translate(10%,12%) rotate(180deg)}}@keyframes infoSwap{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stepFill{0%{width:0}to{width:25%;width:var(--step-width,25%)}}@media(max-width:900px){.auth-container{grid-template-columns:1fr}.auth-container .graphic-section{min-height:200px;order:2}.auth-container .form-section{padding:2.5rem 2rem}}@media(max-width:600px){.auth-shell{gap:1rem}.auth-page{padding:2.5rem 1rem 2rem}.auth-brand{font-size:1.6rem}.auth-container{border-radius:22px;min-height:0;min-height:auto}.auth-container .graphic-section{display:none}.auth-container .form-section{padding:2.4rem 1.6rem}.auth-info-tabs{grid-template-columns:1fr}}@media(max-width:420px){.auth-container .form-section{padding:2rem 1.1rem}.auth-container .form-section:before{inset:16px}}.close-btn{align-items:center;background:#fff;border:2px solid #e7e5e4;border-radius:12px;box-shadow:0 4px 12px #0000000f;cursor:pointer;display:flex;height:44px;justify-content:center;left:20px;overflow:hidden;position:absolute;top:20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:44px;z-index:1000}.close-btn:before{background:linear-gradient(135deg,#0d9488,#059669);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.close-btn svg{fill:#57534e!important;color:#57534e!important;flex-shrink:0;height:18px!important;transition:all .3s ease;width:18px!important}.close-btn:hover{border-color:#0000;box-shadow:0 12px 24px #0d94882e;transform:translateY(-3px) scale(1.05)}.close-btn:hover:before{opacity:1}.close-btn:hover svg{fill:#fff!important;color:#fff!important;transform:translateX(-6px) rotate(-10deg)!important}.close-btn:active{transform:translateY(-1px) scale(.98)}.password-reset-container .form-section h2{color:#292524;margin-bottom:1.8rem;text-align:center}.password-reset-container .form-section .input-group .input-field{margin-bottom:1.8rem;position:relative}.password-reset-container .form-section .input-group .input-field label{background:#fffffffa;border-radius:10px;color:#44403c;font-size:.9rem;left:14px;padding:0 6px;position:absolute;top:-10px;z-index:1}.password-reset-container .form-section .input-group .input-field .input-wrapper{background:#fffffff2;border:1px solid #a8a29e59;border-radius:.8rem;padding:2px;position:relative}.password-reset-container .form-section .input-group .input-field .input-wrapper input{background:#0000;border:none;font-size:1rem;padding:1rem 2.7rem 1rem 1rem;width:100%}.password-reset-container .form-section .input-group .input-field .input-wrapper input:focus{outline:none}.password-reset-container .form-section .input-group .input-field .input-wrapper .password-toggle{color:#78716c;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.password-reset-container .form-section .input-group .input-field:focus-within .input-wrapper{border-color:#0d9488b3;box-shadow:0 0 0 3px #0d94882e}.password-reset-container .form-section .input-group .input-field:focus-within label{color:#0d9488}.password-reset-container .form-section .button-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-top:2rem}.password-reset-container .form-section .button-group .btn{border:none;border-radius:.85rem;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease}.password-reset-container .form-section .button-group .btn.cancel{background:#e7e5e4;color:#44403c}.password-reset-container .form-section .button-group .btn.cancel:hover{background:#d6d3d1}.password-reset-container .form-section .button-group .btn.confirm{background:linear-gradient(135deg,#0d9488,#059669);box-shadow:0 10px 24px #0d948838;color:#fff}.password-reset-container .form-section .button-group .btn.confirm:hover{transform:translateY(-1px)}.password-reset-container .form-section .button-group .btn.confirm:disabled{background:#d6d3d1;box-shadow:none;cursor:not-allowed}.password-reset-container .form-section .error-message{color:#ef4444;font-size:.9rem;margin:.75rem 0;opacity:0;text-align:center;transform:translateY(-6px);transition:all .3s ease}.password-reset-container .form-section .error-message.visible{opacity:1;transform:translateY(0)}.file-manager *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.file-manager{animation:fadeIn .3s ease-out;background:#f4f6fb;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;position:relative}.file-manager .file-manager-shell{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2px;max-width:100%;min-height:0;padding:10px 12px;width:100%}.file-manager.sidebar-collapsed .sidebar-panel{border-right:none;opacity:0;padding:0;visibility:hidden;width:0}.file-manager.sidebar-collapsed .sidebar-panel .file-tree-container,.file-manager.sidebar-collapsed .sidebar-panel .search-container,.file-manager.sidebar-collapsed .sidebar-panel .sidebar-header{display:none}.file-manager.sidebar-collapsed .content-panel{margin-left:0;width:100%}.file-manager.editor-open .header-toolbar{display:none}.file-manager .header-toolbar{background:#0000;border-bottom:none;flex-wrap:wrap;justify-content:space-between;padding:6px 0 10px;position:relative;z-index:10}.file-manager .header-toolbar,.file-manager .header-toolbar .header-left{align-items:center;display:flex;gap:12px}.file-manager .header-toolbar .header-left .main-sidebar-toggle-btn-mobile{align-items:center;background:#fff;border:1px solid #e7ecf4;border-radius:12px;box-shadow:0 6px 14px #0f172a14;color:#1f2937;cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:34px;justify-content:center;min-height:34px;min-width:34px;padding:0;transition:transform .2s ease,box-shadow .2s ease;width:34px}.file-manager .header-toolbar .header-left .main-sidebar-toggle-btn-mobile:hover{box-shadow:0 8px 18px #0f172a1f;transform:translateY(-1px)}@media(max-width:768px){.file-manager .header-toolbar .header-left .main-sidebar-toggle-btn-mobile{display:inline-flex}}.file-manager .header-toolbar .header-left .sidebar-toggle{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 6px 14px #0f172a14;color:#1f2937;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;min-height:34px;min-width:34px;transition:transform .2s ease,box-shadow .2s ease;width:34px}.file-manager .header-toolbar .header-left .sidebar-toggle svg{stroke-width:1.5;color:currentColor;height:20px;min-height:20px;min-width:20px;width:20px}.file-manager .header-toolbar .header-left .sidebar-toggle:hover{box-shadow:0 8px 18px #0f172a1f;transform:translateY(-1px)}.file-manager .header-toolbar .header-left .page-title{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0}.file-manager .header-toolbar .header-left .page-title .gradient-text{background:linear-gradient(135deg,#5a67d8,#667eea);-webkit-background-clip:text;background-clip:text;color:#0000}.file-manager .header-toolbar .header-right .view-mode-tabs{background:#fff;border:1px solid #e7ecf4;border-radius:999px;box-shadow:0 8px 18px #0f172a0d;display:inline-flex;gap:6px;padding:4px 0}.file-manager .header-toolbar .header-right .view-mode-tabs button{align-items:center;background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.file-manager .header-toolbar .header-right .view-mode-tabs button.active{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 4px 12px #5a67d859;color:#fff}.file-manager .header-toolbar .header-right .view-mode-tabs button:hover:not(.active){background:#f1f5f9;color:#0f172a}.file-manager .header-toolbar .header-right .view-mode-tabs button svg{height:16px;width:16px}.file-manager .content-wrapper{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative;transition:transform .5s ease,opacity .5s ease}.file-manager .content-wrapper.editor-open .manager-panel{animation:managerSlideOut .6s ease both;opacity:0;pointer-events:none;transform:translateX(-100%)}.file-manager .content-wrapper.editor-open .file-editor-panel{animation:editorSlideIn .6s ease both;opacity:1;pointer-events:auto;transform:translateX(0)}.file-manager .content-wrapper .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10000}.file-manager .content-wrapper .loading-overlay .spinner{animation:spin 1s linear infinite;border:3px solid #5a67d81a;border-radius:50%;border-top:3px solid var(--primary-color);height:48px;width:48px}.file-manager .manager-panel{display:flex;flex:1 0 100%;gap:10px;min-width:100%;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity}.file-manager .sidebar-panel{background:#f8fafc;border-radius:14px;border-right:1px solid #e7ecf4;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;min-height:0;min-width:300px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px;z-index:5}.file-manager .sidebar-panel.collapsed{border-right:none;min-width:0;width:0}.file-manager .sidebar-panel .sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.file-manager .sidebar-panel .sidebar-header .sidebar-title{align-items:center;color:#0f172a;display:flex;font-size:.95rem;font-weight:700;gap:.5rem}.file-manager .sidebar-panel .sidebar-header .sidebar-title .title-icon{color:#5a67d8}.file-manager .sidebar-panel .sidebar-header .sidebar-actions .add-folder-btn{align-items:center;background:#fff;border:1px solid #e7ecf4;border-radius:10px;box-shadow:0 4px 10px #0f172a0f;color:#5a67d8;cursor:pointer;display:flex;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:transform .2s ease,box-shadow .2s ease;width:32px}.file-manager .sidebar-panel .sidebar-header .sidebar-actions .add-folder-btn svg{stroke-width:1.5;color:currentColor;height:18px;min-height:18px;min-width:18px;width:18px}.file-manager .sidebar-panel .sidebar-header .sidebar-actions .add-folder-btn:hover{box-shadow:0 6px 14px #0f172a1a;transform:translateY(-1px)}.file-manager .sidebar-panel .search-container{background:#fff;border-bottom:1px solid #eef2f7;box-sizing:border-box;min-width:0;overflow:hidden;padding:.5rem 1rem;position:relative;position:-webkit-sticky;position:sticky;top:48px;z-index:1}.file-manager .sidebar-panel .search-container .search-icon{color:#64748b;height:16px;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:1}.file-manager .sidebar-panel .search-container .search-input{background:#f8fafc;border:1px solid #e7ecf4;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:13px;max-width:100%;padding:.5rem .75rem .5rem 2.25rem;transition:all .2s ease;width:100%}.file-manager .sidebar-panel .search-container .search-input:focus{background:#fff;border-color:#5a67d8;box-shadow:0 0 0 2px #5a67d81f;outline:none}.file-manager .sidebar-panel .search-container .search-input::placeholder{color:#94a3b8}.file-manager .sidebar-panel .file-tree-container{background:#f8fafc;flex:1 1;min-height:0;overflow:hidden;padding:.5rem .5rem .75rem;position:relative}.file-manager .sidebar-panel .file-tree-container .search-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.file-manager .sidebar-panel .file-tree-container .search-empty-state .search-empty-icon{color:var(--accent-color);font-size:32px;margin-bottom:1rem;opacity:.5}.file-manager .sidebar-panel .file-tree-container .search-empty-state p{font-size:14px;margin:0}.file-manager .sidebar-panel .file-tree-container .tree-scroll-container{height:100%;overflow:auto;overscroll-behavior:contain;padding:0;scrollbar-gutter:stable;scrollbar-width:thin}.file-manager .sidebar-panel .file-tree-container .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.file-manager .sidebar-panel .file-tree-container .empty-state .empty-icon{color:var(--accent-color);font-size:48px;margin-bottom:1rem;opacity:.5}.file-manager .sidebar-panel .file-tree-container .empty-state p{font-size:14px;margin:0}.file-manager .sidebar-panel .file-tree-container .tree-node{border-radius:8px;contain:content;margin:.15rem 0;position:relative;transform:translateZ(0);transition:all .2s ease;will-change:transform,opacity}.file-manager .sidebar-panel .file-tree-container .tree-node.selected>.node-content{background:#5a67d81f;border-left:3px solid var(--primary-color);box-shadow:inset 0 0 0 1px #5a67d814}.file-manager .sidebar-panel .file-tree-container .tree-node.drop-target>.node-content{background:#5a67d814;border:2px dashed var(--primary-color)}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;cursor:pointer;display:flex;min-width:-webkit-max-content;min-width:max-content;padding:.4rem .6rem;position:relative;transform:translateZ(0);transition:all .2s ease;-webkit-user-select:none;user-select:none;will-change:background-color}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content:hover{background:#5a67d814}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .toggle-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:18px;margin-right:.35rem;transition:transform .2s ease;width:18px}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .icon{align-items:center;color:#5a67d8;display:inline-flex;flex-shrink:0;margin-right:.5rem}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .icon svg{stroke-width:1.5;height:18px;width:18px}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .name mark.highlight{background-color:#ffd54f4d;border-radius:3px;color:inherit;font-weight:600;padding:0 2px}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .rename-input{background:#fff;border:1px solid var(--primary-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;padding:.375rem .5rem}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .rename-input:focus{box-shadow:0 0 0 2px #5a67d833;outline:none}.file-manager .sidebar-panel .file-tree-container .tree-node .node-content .badge{align-self:center;background:#5a67d81a;border-radius:10px;color:var(--primary-color);flex-shrink:0;font-size:11px;font-weight:600;margin-left:.5rem;padding:.125rem .55rem}.file-manager .sidebar-panel .file-tree-container .tree-node .children{animation:slideDown .2s ease;border-left:1px solid #5a67d81f;contain:layout style paint;margin-left:.85rem;padding-left:.6rem;position:relative;will-change:opacity}.file-manager .content-panel{background:#fff;border:1px solid #e7ecf4;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-manager .content-panel .content-header{align-items:center;background:#fff;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:.65rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.file-manager .content-panel .content-header .path-breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:.2rem}.file-manager .content-panel .content-header .path-breadcrumbs .path-segment{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:.2rem .4rem;transition:all .2s ease}.file-manager .content-panel .content-header .path-breadcrumbs .path-segment:hover{background:#f1f5f9;color:#5a67d8}.file-manager .content-panel .content-header .path-breadcrumbs .path-segment:last-child{color:#0f172a;cursor:pointer;font-weight:600}.file-manager .content-panel .content-header .path-breadcrumbs .path-segment:last-child:hover{background:none}.file-manager .content-panel .content-header .path-breadcrumbs .path-separator{color:#cbd5e1;font-size:12px;margin:0 .2rem}.file-manager .content-panel .content-header .content-actions{align-items:center;display:flex;gap:.5rem}.file-manager .content-panel .content-header .content-actions .view-toggle{background:#f8fafc;border:1px solid #e7ecf4;border-radius:10px;display:flex;gap:2px;padding:4px}.file-manager .content-panel .content-header .content-actions .view-toggle .view-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.file-manager .content-panel .content-header .content-actions .view-toggle .view-btn:hover{background:#f1f5f9;color:#5a67d8}.file-manager .content-panel .content-header .content-actions .view-toggle .view-btn.active{background:#fff;box-shadow:0 2px 6px #0f172a14;color:#5a67d8}.file-manager .content-panel .content-header .content-actions .action-buttons .upload-btn{align-items:center;background:linear-gradient(135deg,#5a67d8,#667eea);border:none;border-radius:10px;box-shadow:0 4px 12px #5a67d84d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:transform .2s ease,box-shadow .2s ease}.file-manager .content-panel .content-header .content-actions .action-buttons .upload-btn:hover:not(:disabled){box-shadow:0 6px 16px #5a67d859;transform:translateY(-1px)}.file-manager .content-panel .content-header .content-actions .action-buttons .upload-btn:disabled{cursor:not-allowed;opacity:.5}.file-manager .content-panel .empty-content{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.file-manager .content-panel .empty-content .empty-icon{color:#5a67d8;font-size:48px;margin-bottom:1rem;opacity:.4}.file-manager .content-panel .empty-content h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.file-manager .content-panel .empty-content p{font-size:13px;line-height:1.5;max-width:280px;text-align:center}.file-manager .content-panel .folders-section{padding:.75rem 1rem}.file-manager .content-panel .folders-section .section-header{margin-bottom:.6rem}.file-manager .content-panel .folders-section .section-header h3{align-items:center;color:#0f172a;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin:0}.file-manager .content-panel .folders-section .section-header h3 .count-badge{background:#5a67d8;border-radius:8px;color:#fff;font-size:11px;font-weight:600;padding:.1rem .5rem}.file-manager .content-panel .folders-section .folders-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.file-manager .content-panel .folders-section .folders-grid .folder-card{align-items:center;animation:fadeIn .3s ease-out;background:#f8fafc;border:1px solid #e7ecf4;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.file-manager .content-panel .folders-section .folders-grid .folder-card:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 6px 14px #0f172a14;transform:translateY(-2px)}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-icon{color:#5a67d8;flex-shrink:0}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-icon svg{height:28px;width:28px}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-content{flex:1 1;min-width:0}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-content .folder-name{color:#0f172a;font-size:13px;font-weight:600;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-content .folder-stats{color:#64748b;font-size:11px}.file-manager .content-panel .folders-section .folders-grid .folder-card .folder-content .folder-stats span{align-items:center;display:inline-flex;gap:.2rem}.file-manager .content-panel .files-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 1rem .75rem}.file-manager .content-panel .files-section .section-header{margin-bottom:.6rem}.file-manager .content-panel .files-section .section-header h3{align-items:center;color:#0f172a;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin:0}.file-manager .content-panel .files-section .section-header h3 .count-badge{background:#5a67d8;border-radius:8px;color:#fff;font-size:11px;font-weight:600;padding:.1rem .5rem}.file-manager .content-panel .files-section .files-table{background:#fff;border:1px solid #5a67d81a;border-radius:16px;box-shadow:var(--shadow-light);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.file-manager .content-panel .files-section .files-table .table-header{background:linear-gradient(90deg,#f8faff,#f5f7ff);border-bottom:1px solid #5a67d81a;color:var(--text-secondary);display:grid;font-size:14px;font-weight:600;grid-template-columns:3fr 1fr 1fr 2fr;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.file-manager .content-panel .files-section .files-table .table-header .table-cell{padding:.5rem}.file-manager .content-panel .files-section .files-table .table-body{flex:1 1;overflow-y:auto}.file-manager .content-panel .files-section .files-table .table-body .table-row{border-bottom:1px solid #5a67d80d;display:grid;grid-template-columns:3fr 1fr 1fr 2fr;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.file-manager .content-panel .files-section .files-table .table-body .table-row:hover{background:#5a67d805}.file-manager .content-panel .files-section .files-table .table-body .table-row:last-child{border-bottom:none}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell{align-items:center;display:flex;padding:.5rem}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.name-cell .file-info{align-items:center;display:flex;gap:1rem;min-width:0}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.name-cell .file-info .file-icon{flex-shrink:0}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.name-cell .file-info .file-details{flex:1 1;min-width:0}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.name-cell .file-info .file-details .file-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.name-cell .file-info .file-details .file-type{background:#e2e8f0;border-radius:10px;color:#64748b;display:inline-block;font-size:12px;max-width:100%;overflow:hidden;padding:.125rem .5rem;text-overflow:ellipsis}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.date-cell,.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.size-cell{color:var(--text-secondary);font-size:14px}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions{display:flex;gap:.5rem;justify-content:flex-end}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn:hover{background:#5a67d81a;color:var(--primary-color)}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn.edit:hover{color:var(--secondary-color)}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn.download:hover{color:var(--primary-color)}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn.share:hover{color:var(--secondary-color)}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn.preview:hover{color:var(--accent-color)}.file-manager .content-panel .files-section .files-table .table-body .table-row .table-cell.actions-cell .file-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.file-manager .content-panel .files-section .files-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow-y:auto;padding:.5rem}.file-manager .content-panel .files-section .files-grid .file-card{background:#fff;border:1px solid #5a67d81a;border-radius:16px;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.file-manager .content-panel .files-section .files-grid .file-card:hover{border-color:#5a67d84d;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.file-manager .content-panel .files-section .files-grid .file-card .file-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.file-manager .content-panel .files-section .files-grid .file-card .file-card-header .file-actions .action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.file-manager .content-panel .files-section .files-grid .file-card .file-card-header .file-actions .action-btn:hover{background:#5a67d81a;color:var(--primary-color)}.file-manager .content-panel .files-section .files-grid .file-card .file-content{flex:1 1}.file-manager .content-panel .files-section .files-grid .file-card .file-content .file-name{color:var(--text-primary);font-weight:600;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-manager .content-panel .files-section .files-grid .file-card .file-content .file-meta{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between}.file-manager .content-panel .file-details-panel{animation:fadeIn .3s ease-out;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.file-manager .content-panel .file-details-panel .file-details-header{align-items:flex-start;background:#fff;border:1px solid #5a67d81a;border-radius:20px;box-shadow:var(--shadow-light);display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.file-manager .content-panel .file-details-panel .file-details-header .file-icon-large{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.file-manager .content-panel .file-details-panel .file-details-header .file-icon-large svg{stroke-width:1.5;height:48px;width:48px}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main{flex:1 1;min-width:0}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-name-large{color:var(--text-primary);font-size:1.75rem;font-weight:600;line-height:1.3;margin:0 0 1rem;word-break:break-word}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info .file-type-badge{background:#e2e8f0;border-radius:12px;color:#475569;font-size:12px;font-weight:600;padding:.375rem .875rem;white-space:nowrap}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info .file-date-info,.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info .file-size-info{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:.5rem}.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info .file-date-info:before,.file-manager .content-panel .file-details-panel .file-details-header .file-info-main .file-meta-info .file-size-info:before{background:var(--text-secondary);border-radius:50%;content:"";height:4px;opacity:.5;width:4px}.file-manager .content-panel .file-details-panel .file-actions-panel{background:#fff;border:1px solid #5a67d81a;border-radius:20px;box-shadow:var(--shadow-light);margin-bottom:2rem;padding:2rem}.file-manager .content-panel .file-details-panel .file-actions-panel h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button{align-items:center;background:#fff;border:1px solid #5a67d833;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button svg{flex-shrink:0;height:18px;width:18px}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d80d,#5a67d805);border-color:var(--primary-color);box-shadow:var(--shadow-medium);color:var(--primary-color);transform:translateY(-2px)}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button:active:not(:disabled){transform:translateY(0)}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button:disabled{cursor:not-allowed;opacity:.5}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button.danger{border-color:#ef44444d;color:#ef4444}.file-manager .content-panel .file-details-panel .file-actions-panel .action-buttons-grid .action-button.danger:hover:not(:disabled){background:#ef44440d;border-color:#ef4444;color:#dc2626}.file-manager .context-menu{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #5a67d81a;border-radius:16px;box-shadow:var(--shadow-dark);min-width:200px;overflow:hidden;position:fixed;z-index:10000}.file-manager .context-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.file-manager .context-menu button svg{color:var(--text-secondary);height:16px;transition:color .2s ease;width:16px}.file-manager .context-menu button:hover{background:#5a67d80d;color:var(--primary-color)}.file-manager .context-menu button:hover svg{color:var(--primary-color)}.file-manager .context-menu button:active{background:#5a67d81a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@media(max-width:1200px){.file-manager{border-radius:20px;height:calc(100vh - 120px);margin:15px}.file-manager .sidebar-panel{min-width:320px;width:320px}}@media(max-width:992px){.file-manager{border-radius:16px;height:calc(100vh - 100px);margin:10px}.file-manager .sidebar-panel{min-width:300px;width:300px}.file-manager .content-panel .files-grid,.file-manager .content-panel .folders-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}}@media(max-width:768px){.file-manager{border-radius:0;height:100%;margin:0}.file-manager.sidebar-collapsed .content-panel{width:100%}.file-manager .file-manager-shell{padding:8px 10px}.file-manager .header-toolbar{flex-direction:column;gap:.5rem;padding:4px 0 8px}.file-manager .header-toolbar .header-left{justify-content:space-between;width:100%}.file-manager .header-toolbar .header-right{width:100%}.file-manager .header-toolbar .header-right .view-mode-tabs{justify-content:center;width:100%}.file-manager .header-toolbar .header-right .view-mode-tabs button{flex:1 1;justify-content:center}.file-manager .sidebar-panel{background:#fff;bottom:0;box-shadow:var(--shadow-dark);left:0;position:absolute;top:0;width:280px;z-index:100}.file-manager .sidebar-panel.collapsed{opacity:0;transform:translateX(-100%);visibility:hidden}.file-manager .content-panel{margin-left:0;width:100%}.file-manager .content-panel .content-header{align-items:flex-start;flex-direction:column;gap:1rem}.file-manager .content-panel .content-header .path-breadcrumbs{overflow-x:auto;padding-bottom:.5rem;width:100%}.file-manager .content-panel .content-header .content-actions{justify-content:space-between;width:100%}.file-manager .content-panel .files-section,.file-manager .content-panel .folders-section{padding:1rem}.file-manager .content-panel .files-grid,.file-manager .content-panel .folders-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.file-manager .content-panel .files-table .table-body .table-row,.file-manager .content-panel .files-table .table-header{grid-template-columns:2fr 1fr 1fr 1.5fr}}.file-manager::-webkit-scrollbar{height:8px;width:8px}.file-manager::-webkit-scrollbar-track{background:#5a67d80d;border-radius:10px}.file-manager::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:10px}.file-manager::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4c51bf,#63b3ed)}.file-editor-panel{background:#fff;border-left:1px solid #5a67d81a;bottom:0;box-shadow:var(--shadow-light);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .5s ease,opacity .5s ease;width:100%;z-index:5}.file-editor-panel__header{align-items:center;background:#fff;border-bottom:1px solid #e7ecf4;display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:.5rem 1rem}.file-editor-panel__header .header-left{align-items:center;display:flex;gap:.5rem;min-width:0}.file-editor-panel__header .header-left .back-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-editor-panel__header .header-left .back-button svg{min-height:18px;min-width:18px}.file-editor-panel__header .header-left .back-button:hover{background:#5a67d81a;color:var(--primary-color)}.file-editor-panel__header .header-left .header-save-button{align-items:center;background:#fff!important;background-image:none!important;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.file-editor-panel__header .header-left .header-save-button svg{color:currentColor;height:18px;width:18px}.file-editor-panel__header .header-left .header-save-button:hover:not(:disabled){background:#5a67d81a!important;background-image:none!important;color:var(--primary-color)}.file-editor-panel__header .header-left .header-save-button:disabled{cursor:not-allowed;opacity:.5}.file-editor-panel__header .header-left .header-save-button.active{background:linear-gradient(135deg,#5a67d8,#667eea)!important;border-color:#0000;color:#fff}.file-editor-panel__header .header-left .header-save-button.active svg{color:#fff}.file-editor-panel__header .header-left .header-save-button.active:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#667eea)!important;box-shadow:0 4px 12px #5a67d859;color:#fff}.file-editor-panel__header .header-left .header-save-button.active:hover:not(:disabled) svg{color:#fff}.file-editor-panel__header .header-left .file-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-editor-panel__header .header-right{align-items:center;display:flex;gap:.75rem}.file-editor-panel__header .header-right .view-mode-tabs{background:#5a67d80d;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.file-editor-panel__header .header-right .view-mode-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.file-editor-panel__header .header-right .view-mode-tabs button.active{background:var(--primary-color);color:#fff}.file-editor-panel__header .header-right .view-mode-tabs button:hover:not(:disabled){background:#5a67d81a;color:var(--primary-color)}.file-editor-panel__header .header-right .view-mode-tabs button:disabled{cursor:not-allowed;opacity:.5}.file-editor-panel__header .header-right .header-actions{align-items:center;display:flex;gap:.75rem}.file-editor-panel__header .header-right .header-actions .yjs-sync-status{color:var(--text-secondary);font-size:12px}.file-editor-panel__header .header-right .header-actions .yjs-sync-status.syncing{color:#94a3b8}.file-editor-panel__header .header-right .header-actions .yjs-sync-status.synced{color:#22c55e}.file-editor-panel__header .header-right .header-actions .editing-users{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative}.file-editor-panel__header .header-right .header-actions .editing-users--compact{background:#0000000a;border-radius:10px;cursor:pointer;gap:6px;padding:4px 6px}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-users-stack{align-items:center;display:flex}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-avatar{background:#64748b;background:var(--user-color,#64748b);border:2px solid #fff;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:22px;margin-left:-8px;width:22px}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-avatar:first-child{margin-left:0}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-users-count{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:1.2em}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-users-dropdown{background:#fff;border:1px solid #0f172a1a;border-radius:10px;box-shadow:0 12px 28px #0f172a26;margin-top:6px;max-height:240px;min-width:200px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;z-index:100}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-users-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-users-dropdown-inner{max-height:240px;overflow-y:auto;padding:6px}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-row{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:8px 10px}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-row.me{color:var(--text-primary);font-weight:600}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-row .editing-user-dot{background:#64748b;background:var(--user-color,#64748b);border-radius:50%;flex-shrink:0;height:8px;width:8px}.file-editor-panel__header .header-right .header-actions .editing-users--compact .editing-user-row .editing-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-editor-panel__header .header-right .header-actions .editing-user{align-items:center;background:#0000000a;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:5px;padding:2px 8px}.file-editor-panel__header .header-right .header-actions .editing-user.me{color:var(--text-primary);font-weight:600}.file-editor-panel__header .header-right .header-actions .editing-user .editing-user-dot{background:#64748b;background:var(--user-color,#64748b);border-radius:50%;flex-shrink:0;height:8px;width:8px}.file-editor-panel__header .header-right .header-actions .editing-user .editing-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-editor-panel__header .header-right .header-actions .icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.file-editor-panel__header .header-right .header-actions .icon-btn:hover{background:#5a67d81a;color:var(--primary-color)}.file-editor-panel__content{flex:1 1;min-height:0;overflow:hidden}.file-editor-panel__content .file-editor-layout{display:flex;height:100%}.file-editor-panel__content .file-editor-layout.with-outline .editor-container{flex:1 1;min-width:0}.file-editor-panel__content .markdown-outline{background:#fafbff;border-right:1px solid #5a67d81a;display:flex;flex-direction:column;gap:.75rem;height:100%;min-width:260px;overflow:auto;overscroll-behavior:contain;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:260px}.file-editor-panel__content .outline-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.file-editor-panel__content .outline-list{display:flex;flex-direction:column;gap:.35rem;overflow:auto}.file-editor-panel__content .outline-item-wrapper{align-items:center;display:flex;gap:.25rem;width:100%}.file-editor-panel__content .outline-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;min-width:18px;padding:0;transition:all .2s ease;width:18px}.file-editor-panel__content .outline-toggle svg{height:14px;width:14px}.file-editor-panel__content .outline-toggle:hover{background:#5a67d81a;color:var(--primary-color)}.file-editor-panel__content .outline-toggle-placeholder{flex-shrink:0;min-width:18px;width:18px}.file-editor-panel__content .outline-item{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;min-width:0;overflow:hidden;padding:.35rem .5rem .35rem 4px;padding-left:calc((var(--level, 1) - 1)*14px + 4px);text-align:left;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.file-editor-panel__content .outline-item:hover{background:#5a67d814;color:var(--primary-color)}.file-editor-panel__content .outline-empty{color:var(--text-secondary);font-size:13px;padding:.25rem .5rem}.file-editor-panel__content .editor-container{flex:1 1;min-width:0;overflow:auto}.file-editor-panel__content .file-editor-layout.notion-like-layout{align-items:stretch;position:relative}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-container{display:flex;overflow:visible}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-scroll-wrap{flex:1 1;min-width:0;overflow:auto;scrollbar-color:#d4d4d4 #0000;scrollbar-width:thin}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-scroll-wrap::-webkit-scrollbar{width:6px}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-scroll-wrap::-webkit-scrollbar-track{background:#0000}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-scroll-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.file-editor-panel__content .file-editor-layout.notion-like-layout .editor-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#b8b8b8}.file-editor-panel__content .toc-wrap{flex-shrink:0}.file-editor-panel__content .toc-rail,.file-editor-panel__content .toc-wrap{align-items:center;display:flex;flex-direction:column;min-width:18px;position:relative;width:18px}.file-editor-panel__content .toc-rail{background:#0000;border-right:none;gap:6px;padding:14px 0}.file-editor-panel__content .toc-tick{background:#0f172a2e;border:0;border-radius:999px;cursor:pointer;height:4px;padding:0;transition:background .15s ease;width:calc(12px - (min(1,6) - 1)*2px);width:calc(12px - (min(var(--level, 1),6) - 1)*2px)}.file-editor-panel__content .toc-tick:hover{background:#0f172a59}.file-editor-panel__content .toc-popover{background:#fff;border:1px solid #0f172a1a;border-radius:12px;box-shadow:0 16px 40px #0f172a24;max-height:70vh;overflow:auto;padding:10px;pointer-events:auto;position:absolute;right:0;top:8px;width:260px;z-index:30}.file-editor-panel__content .toc-popover-title{color:#0f172ab3;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.file-editor-panel__content .toc-popover-list{display:flex;flex-direction:column;gap:2px}.file-editor-panel__content .toc-popover-item{background:#0000;border:0;border-radius:8px;color:#0f172ae6;cursor:pointer;font-size:13px;overflow:hidden;padding:6px 8px;padding-left:calc((var(--level, 1) - 1)*14px + 8px);text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-editor-panel__content .toc-popover-item:hover{background:#5a67d81a;color:#5a67d8}.file-editor-panel__content .mdx-editor{border:none;display:flex;flex-direction:column;height:auto;min-height:100%}.file-editor-panel__content .mdx-editor.read-only .mdxeditor-toolbar,.file-editor-panel__content .mdx-editor.read-only .mdxeditor-toolbar *,.file-editor-panel__content .mdx-editor.read-only .toolbar-root{display:none!important}.file-editor-panel__content .mdx-editor.read-only .mdx-content-editable{padding-bottom:40vh}.file-editor-panel__content .mdx-editor .preview-mode-select{background:#fff;border:1px solid #5a67d833;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:.4rem .6rem;transition:all .2s ease}.file-editor-panel__content .mdx-editor .preview-mode-select:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #5a67d81a}.file-editor-panel__content .mdx-editor .mdx-content-editable{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:15px;line-height:1.7;min-height:100%;padding:1.5rem}.file-editor-panel__content .mdx-editor .mdx-content-editable h1,.file-editor-panel__content .mdx-editor .mdx-content-editable h2,.file-editor-panel__content .mdx-editor .mdx-content-editable h3,.file-editor-panel__content .mdx-editor .mdx-content-editable h4,.file-editor-panel__content .mdx-editor .mdx-content-editable h5,.file-editor-panel__content .mdx-editor .mdx-content-editable h6{scroll-margin-top:16px}.file-editor-panel__content .mdx-editor .mdx-content-editable:focus{outline:none}.file-editor-panel__unsupported{padding:2rem;text-align:center}.file-editor-panel__unsupported h3{color:var(--text-primary);margin:0 0 .5rem}.file-editor-panel__unsupported p{color:var(--text-secondary);font-size:14px;margin:.5rem 0}.file-editor-panel .editor-confirm-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog{background:#fff;border-radius:16px;box-shadow:var(--shadow-dark);max-width:420px;padding:2rem;text-align:center;width:90%}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog h3{color:var(--text-primary);margin:0 0 .5rem}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog p{color:var(--text-secondary);margin:0 0 1.5rem}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog .dialog-actions{display:flex;gap:.75rem;justify-content:center}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog .dialog-actions .dialog-btn{background:#fff;border:1px solid #5a67d833;border-radius:10px;color:var(--text-primary);cursor:pointer;padding:.75rem 1.25rem;transition:all .2s ease}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog .dialog-actions .dialog-btn.primary{background:var(--gradient-primary);border:none;color:#fff}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog .dialog-actions .dialog-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-1px)}.file-editor-panel .editor-confirm-overlay .editor-confirm-dialog .dialog-actions .dialog-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes editorSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes managerSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.mdx-editor{--accentBase:var(--primary-color);--accentBg:#5a67d81a;--accentText:var(--primary-color)}.mdx-editor .toolbar-root{background:#fafafa;border-bottom:1px solid #5a67d81a;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.mdx-editor .toolbar-root button{border-radius:6px;transition:all .2s ease}.mdx-editor .toolbar-root button:hover{background:#5a67d81a}.mdx-editor .cm-editor .cm-scroller{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6}.mdx-editor table{border-collapse:collapse;margin:1rem 0;width:100%}.mdx-editor table td,.mdx-editor table th{border:1px solid #ddd;padding:8px;text-align:left}.mdx-editor table th{background-color:#f2f2f2}.mdx-editor pre{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;overflow-x:auto;padding:1rem}.mdx-editor blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);font-style:italic;margin:1rem 0;padding-left:1rem}@media(prefers-color-scheme:dark){.file-editor-panel{background:#1a1a1a;border-left-color:#333;color:#e0e0e0}.file-editor-panel__header{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-bottom-color:#333}.file-editor-panel .mdx-editor{background:#1a1a1a;color:#e0e0e0}.file-editor-panel .editor-confirm-dialog{background:#2d2d2d;color:#e0e0e0}}.notion-like-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.notion-like-wrapper .ProseMirror{color:#1a1a1a;line-height:1.55;min-height:240px;outline:none;padding:12px 24px 12px 64px}.notion-like-wrapper .ProseMirror::selection{background:#dcc8eb73}.notion-like-wrapper .ProseMirror{caret-color:#8b7aa8}.notion-like-wrapper .ProseMirror.has-full-line-selection::selection{background:#0000}.notion-like-wrapper .ProseMirror .full-line-selection{background:#dcc8eb73;border-radius:6px}.notion-like-wrapper .ProseMirror code{background:#f1f3f4;border:1px solid #c4c8cc;border-radius:6px;color:#1a1a1a;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.9em;padding:.2em .4em}.notion-like-wrapper .ProseMirror-yjs-cursor{border-left:1px solid;border-right:1px solid;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative}.notion-like-wrapper .ProseMirror-yjs-cursor>div{border-radius:3px;color:#fff;font-size:12px;left:-1px;padding:2px 4px;position:absolute;top:-1.05em;white-space:nowrap}.notion-like-wrapper .ProseMirror-yjs-selection{border-radius:2px}.notion-like-wrapper .ProseMirror table{border-collapse:collapse;margin:.75em 0;table-layout:fixed;width:100%}.notion-like-wrapper .ProseMirror td,.notion-like-wrapper .ProseMirror th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;vertical-align:top}.notion-like-wrapper .ProseMirror th{background:#f8fafc;font-weight:600}.notion-like-wrapper .ProseMirror ul[data-type=taskList]{list-style:none;margin-left:0;padding-left:0}.notion-like-wrapper .ProseMirror ul[data-type=taskList]>li{align-items:flex-start;display:flex!important;flex-direction:row!important;gap:10px;list-style:none;margin:.2em 0}.notion-like-wrapper .ProseMirror ul[data-type=taskList]>li>label{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;margin:1.25em 0 0;padding-top:2px;-webkit-user-select:none;user-select:none}.notion-like-wrapper .ProseMirror ul[data-type=taskList]>li>label input[type=checkbox]{accent-color:#222;border-radius:4px;cursor:pointer;height:16px;margin:0;width:16px}.notion-like-wrapper .ProseMirror ul[data-type=taskList]>li>label span{display:none}.notion-like-wrapper .ProseMirror ul[data-type=taskList]>li>div{flex:1 1;min-width:0}.notion-like-plus{align-items:center;border:0;border-radius:0;box-shadow:none;color:#8a8a8a;cursor:pointer;display:inline-flex;font-size:18px;font-weight:400;height:22px;justify-content:center;line-height:22px;outline:none;z-index:50}.notion-like-plus,.notion-like-plus:before{background:#0000;position:absolute;width:22px}.notion-like-plus:before{border-radius:11px;content:"";height:30px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:background .12s ease;z-index:-1}.notion-like-plus:hover{background:#0000;color:#555}.notion-like-plus:hover:before{background:#0000000f}.notion-like-loading{color:#666;color:var(--text-secondary,#666);padding:16px}@keyframes bubble-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bubble-dropdown-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notion-like-bubble{align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 8px 20px #00000014;display:flex;flex-wrap:wrap;gap:4px;max-width:100%;padding:6px;position:relative;width:-webkit-max-content;width:max-content}.notion-like-bubble .bubble-btn{background:#0000;border:0;border-radius:6px;color:#333;cursor:pointer;font-size:13px;height:28px;min-width:28px;padding:0 8px}.notion-like-bubble .bubble-btn:hover{background:#0000000f}.notion-like-bubble .bubble-btn.active{background:#0000001f}.notion-like-bubble .bubble-group{align-items:center;display:inline-flex;margin-right:4px;position:relative}.notion-like-bubble .bubble-btn--select{align-items:center;display:inline-flex;gap:6px;padding:0 10px}.notion-like-bubble .bubble-select-label{font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notion-like-bubble .bubble-select-caret{font-size:12px;opacity:.65}.notion-like-bubble .bubble-group--dropdown .bubble-select-label{max-width:90px}.notion-like-bubble .bubble-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;max-height:280px;min-width:140px;overflow-y:auto;padding:6px 0;position:absolute;top:calc(100% + 6px);z-index:100}.notion-like-bubble .bubble-dropdown-item{background:#0000!important;background-image:none!important;border:none;border-radius:0;color:#1a1a1a;cursor:pointer;display:block;font-size:13px;overflow:hidden;padding:6px 12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.notion-like-bubble .bubble-dropdown-item:hover{background:#0000000f!important;background-image:none!important}.notion-like-bubble .bubble-btn--color{align-items:center;background:#0000!important;background-image:none!important;display:inline-flex;gap:2px;justify-content:center;min-width:28px;padding:0 4px;width:auto}.notion-like-bubble .bubble-btn-color-icon{align-items:center;border:1px solid;border-radius:50%;color:#333;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.notion-like-bubble .bubble-colors-menu{animation:bubble-dropdown-in .2s ease-out forwards;background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 30px #0000001f;display:flex;flex-direction:column;gap:10px;left:0;padding:8px;position:absolute;top:calc(100% + 6px);width:200px;z-index:100}.notion-like-bubble .bubble-colors-section-title{color:#666;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.notion-like-bubble .bubble-colors-section:first-child .bubble-colors-section-title{margin-top:0}.notion-like-bubble .bubble-colors-swatches{display:flex;flex-wrap:wrap;gap:4px}.notion-like-bubble .bubble-color-swatch{background-image:none!important;border:1px solid #0000001f;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;padding:0;transition:transform .1s ease,box-shadow .1s ease;width:20px}.notion-like-bubble .bubble-color-swatch:hover{box-shadow:0 2px 6px #0003;transform:scale(1.1)}.notion-like-bubble .bubble-color-swatch--highlight{border-radius:3px}.notion-like-bubble .bubble-turninto-menu{background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 30px #0000001f;display:flex;flex-direction:column;gap:2px;left:0;padding:6px;position:absolute;width:240px;z-index:100}.notion-like-bubble .bubble-turninto-menu.dir-down{animation:bubble-dropdown-in .2s ease-out forwards;top:calc(100% + 6px)}.notion-like-bubble .bubble-turninto-menu.dir-up{animation:bubble-dropdown-in-up .2s ease-out forwards;bottom:calc(100% + 6px)}.notion-like-bubble .bubble-turninto-menu button{background:#0000;border:0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;height:30px;padding:0 10px;text-align:left;width:100%}.notion-like-bubble .bubble-turninto-menu button:hover{background:#f3f3f3}.notion-like-bubble .bubble-menu-sep{background:#eee;height:1px;margin:4px 2px}.notion-like-bubble.notion-like-table-bubble{flex-wrap:wrap}.notion-like-bubble.notion-like-table-bubble .bubble-menu-sep{align-self:center;flex-shrink:0;height:20px;margin:0 2px;width:1px}.notion-like-bubble.notion-like-table-bubble .bubble-btn--danger{color:#b91c1c}.notion-like-bubble.notion-like-table-bubble .bubble-btn--danger:hover{background:#b91c1c1a}.table-cell-menu-dots{align-items:center;background:#0000!important;background-image:none!important;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;letter-spacing:0;line-height:1;padding:0;position:absolute;transition:color .15s ease,background .15s ease;width:28px;z-index:50}.table-cell-menu-dots:hover{background:#0000000f!important;color:#334155}.table-cell-toolbar-wrap{animation:bubble-dropdown-in .22s ease-out forwards;position:absolute;z-index:100}.table-cell-toolbar-wrap .table-cell-toolbar{flex-wrap:wrap;gap:2px}.table-cell-toolbar-wrap .table-cell-toolbar .bubble-menu-sep{align-self:center;flex-shrink:0;height:20px;margin:0 2px;width:1px}.table-cell-toolbar-wrap .table-cell-toolbar .bubble-btn--danger{color:#b91c1c}.table-cell-toolbar-wrap .table-cell-toolbar .bubble-btn--danger:hover{background:#b91c1c1a}.tippy-box[data-theme=notion-bubble]{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .22s ease-out,transform .22s ease-out}.tippy-box[data-theme=notion-bubble][data-state=visible]{opacity:1;transform:translateY(0) scale(1)}.tippy-box[data-theme=notion-bubble][data-state=hidden]{opacity:0;transform:translateY(10px) scale(.96)}.notion-like-floating{display:none}@keyframes insert-popover-in{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.notion-like-insert-popover{animation:insert-popover-in .22s ease-out forwards;background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 30px #0000001f;display:flex;flex-direction:column;gap:2px;padding:6px;position:absolute;width:220px;z-index:9999}.notion-like-insert-popover button{background:#0000;border:1px solid #0000;border-radius:8px;color:#333;cursor:pointer;font-size:13px;height:30px;padding:0 10px;text-align:left;width:100%}.notion-like-insert-popover button:hover{background:#f3f3f3}.notion-like-insert-popover .notion-like-insert-sep{border:none;border-top:1px solid #e6e6e6;height:0;margin:4px}.notion-like-insert-popover.notion-like-insert-popover--emoji{display:flex;flex-direction:column;max-height:360px;overflow:hidden;padding:0;width:312px}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-header{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;flex-shrink:0;gap:8px;padding:8px 10px}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-back{align-items:center;background:#0000!important;background-image:none!important;border:0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-back:hover{background:#0000000f}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-title{color:#333;font-size:13px;font-weight:600}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-grid{grid-gap:4px;align-content:start;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);overflow:auto;padding:8px}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-cell{align-items:center;aspect-ratio:1;background:#0000!important;background-image:none!important;border:0;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-height:32px;max-width:32px;padding:0;width:100%}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-cell:hover{background:#0000000f}.notion-like-insert-popover.notion-like-insert-popover--emoji .insert-popover-emoji-cell img{display:block;height:28px;width:28px}.slash-menu{background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 30px #0000001f;max-height:320px;overflow:auto;width:320px}.slash-menu__item{background:#0000;border:0;cursor:pointer;padding:10px 12px;text-align:left;width:100%}.slash-menu__item.is-selected,.slash-menu__item:hover{background:#f3f3f3}.slash-menu__title{font-size:13px;font-weight:600}.slash-menu__desc{font-size:12px;opacity:.7}.ProseMirror .callout-icon{display:inline-flex;margin-right:8px}.ProseMirror div[data-type=callout]{background:#f7f7f7;border:1px solid #eee;border-radius:10px;display:flex;gap:8px;padding:10px 12px}.ProseMirror div[data-type=callout] .callout-content{flex:1 1;min-width:0}.modal-backdrop,.share-modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:10000}.modal-backdrop .share-modal,.share-modal-backdrop .share-modal{animation:slideUp .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 48px #0f172a26;display:flex;flex-direction:column;max-height:90vh;max-width:440px;overflow:hidden;padding:0;width:100%}.modal-backdrop .share-modal .share-modal-header,.share-modal-backdrop .share-modal .share-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:20px 24px 0}.modal-backdrop .share-modal .share-modal-close,.share-modal-backdrop .share-modal .share-modal-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.modal-backdrop .share-modal .share-modal-close:hover,.share-modal-backdrop .share-modal .share-modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-backdrop .share-modal .share-modal-close svg,.share-modal-backdrop .share-modal .share-modal-close svg{height:20px;width:20px}.modal-backdrop .share-modal h3,.share-modal-backdrop .share-modal h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.modal-backdrop .share-modal .field,.share-modal-backdrop .share-modal .field{margin-bottom:18px;padding:0 24px}.modal-backdrop .share-modal .field label,.share-modal-backdrop .share-modal .field label{color:#475569;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.modal-backdrop .share-modal .field select,.share-modal-backdrop .share-modal .field select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-backdrop .share-modal .field select:focus,.share-modal-backdrop .share-modal .field select:focus{border-color:#5a67d8;box-shadow:0 0 0 2px #5a67d826;outline:none}.modal-backdrop .share-modal .buttons,.share-modal-backdrop .share-modal .buttons{display:flex;gap:10px;margin:24px 24px 0;padding-bottom:20px}.modal-backdrop .share-modal .buttons button,.share-modal-backdrop .share-modal .buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:background .2s,transform .2s}.modal-backdrop .share-modal .buttons button:disabled,.share-modal-backdrop .share-modal .buttons button:disabled{cursor:not-allowed;opacity:.5}.modal-backdrop .share-modal .buttons button:first-child,.share-modal-backdrop .share-modal .buttons button:first-child{background:linear-gradient(135deg,#5a67d8,#4c51bf);color:#fff}.modal-backdrop .share-modal .buttons button:first-child:hover:not(:disabled),.share-modal-backdrop .share-modal .buttons button:first-child:hover:not(:disabled){transform:translateY(-1px)}.modal-backdrop .share-modal .buttons button.cancel,.share-modal-backdrop .share-modal .buttons button.cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.modal-backdrop .share-modal .buttons button.cancel:hover,.share-modal-backdrop .share-modal .buttons button.cancel:hover{background:#e2e8f0}.modal-backdrop .share-modal hr,.share-modal-backdrop .share-modal hr{background:#e2e8f0;border:none;height:1px;margin:0 24px}.modal-backdrop .share-modal h4,.share-modal-backdrop .share-modal h4{color:#475569;font-size:14px;font-weight:600;margin:16px 24px 10px}.modal-backdrop .share-modal .shares-list,.share-modal-backdrop .share-modal .shares-list{list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0 24px 24px}.modal-backdrop .share-modal .shares-list li,.share-modal-backdrop .share-modal .shares-list li{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-bottom:6px;padding:10px 14px}.modal-backdrop .share-modal .shares-list li .share-user-name,.share-modal-backdrop .share-modal .shares-list li .share-user-name{color:#0f172a;flex:1 1;font-size:14px;font-weight:500}.modal-backdrop .share-modal .shares-list li .share-permission-badge,.share-modal-backdrop .share-modal .shares-list li .share-permission-badge{background:#e2e8f0;border-radius:6px;color:#64748b;font-size:12px;padding:2px 8px}.modal-backdrop .share-modal .shares-list li .revoke-btn,.share-modal-backdrop .share-modal .shares-list li .revoke-btn{background:#0000;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:background .2s}.modal-backdrop .share-modal .shares-list li .revoke-btn:hover,.share-modal-backdrop .share-modal .shares-list li .revoke-btn:hover{background:#dc262614}.modal-backdrop .share-modal .shares-list li.shares-empty,.share-modal-backdrop .share-modal .shares-list li.shares-empty{color:#94a3b8;font-size:14px;justify-content:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-page{display:flex;flex-direction:column;gap:24px;padding:32px}.projects-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.projects-title h1{font-size:28px;font-weight:700;margin:0 0 6px}.projects-header .primary{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px}.projects-header .primary:hover{background:#0f172a}.projects-view-toggle{display:flex;gap:8px}.projects-view-toggle button{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#858b94;cursor:pointer;font-size:13px;padding:8px 14px}.projects-view-toggle button svg{height:14px;width:14px}.projects-view-toggle button.active{background:#111827;border-color:#111827;color:#fff}.projects-tabs-bar{align-items:stretch;background:#f1f5f9;border-radius:999px;display:inline-flex;height:40px;max-width:320px;padding:0;width:100%}.projects-tabs-track{border-radius:999px;display:flex;flex:1 1;gap:0;overflow:hidden;position:relative}.projects-tabs-pill{background:#fff;border-radius:999px;bottom:0;box-shadow:0 1px 2px #0000000f;pointer-events:none;position:absolute;top:0;transition:left .25s ease,width .25s ease}.projects-tabs-btn{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:2400;padding:0 16px;position:relative;transition:color .2s;z-index:1}.projects-tabs-btn:hover{color:#334155}.projects-tabs-btn.active{color:#0f172a;font-weight:600}.projects-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.projects-filters-wrap{position:relative}.projects-filters-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;padding:0;position:relative;transition:background .2s,color .2s,border-color .2s;width:34px}.projects-filters-trigger .projects-filters-trigger-icon{align-items:center;color:inherit;display:inline-flex;justify-content:center}.projects-filters-trigger .projects-filters-trigger-icon svg{stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:16px;width:16px}.projects-filters-trigger.open,.projects-filters-trigger:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.projects-filters-trigger.has-filters .projects-filters-badge{background:#ef4444;border-radius:50%;height:7px;position:absolute;right:4px;top:4px;width:7px}.projects-filters-dropdown{animation:projectsFiltersSlide .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;max-width:360px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:20}@keyframes projectsFiltersSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.projects-filters-active{border-bottom:1px solid #f1f5f9;padding:12px 14px}.projects-filters-active .projects-filters-active-title{color:#94a3b8;display:block;font-size:11px;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.projects-filters-chips{display:flex;flex-wrap:wrap;gap:6px}.projects-filters-chip{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:inline-flex;font-size:12px;gap:6px;max-width:100%;padding:4px 8px}.projects-filters-chip .projects-filters-chip-remove{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.projects-filters-chip .projects-filters-chip-remove svg{height:12px;width:12px}.projects-filters-chip .projects-filters-chip-remove:hover{color:#ef4444}.projects-filters-list{display:flex;flex-direction:column;gap:12px;padding:12px 14px}.projects-filters-item{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:6px}.projects-filters-item span{color:#334155;font-weight:500}.projects-filters-item input,.projects-filters-item select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;padding:8px 10px}.projects-filters-item input:focus,.projects-filters-item select:focus{border-color:#94a3b8;outline:none}.projects-filters{display:flex;flex-wrap:wrap;gap:12px}.projects-filters input,.projects-filters select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;min-width:160px;padding:8px 12px}.projects-empty{background:#f9fafb;border-radius:14px;color:#6b7280;font-size:14px;padding:24px;text-align:center}.projects-empty.error{background:#f871711f;color:#b91c1c}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 10px 30px #0f172a0d;display:flex;flex-direction:column;gap:14px;padding:18px}.project-card__header{align-items:center;display:flex;gap:12px}.project-card__logo{align-items:center;background:#eef2ff;border-radius:12px;color:#4338ca;display:flex;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.project-card__logo img{height:100%;object-fit:cover;width:100%}.project-card__title{display:flex;flex:1 1;flex-direction:column;gap:6px}.project-card__title h3{font-size:16px;margin:0}.project-card__menu{color:#6b7280;cursor:pointer;font-size:20px;position:relative}.project-card__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 24px #0f172a1f;display:flex;flex-direction:column;position:absolute;right:0;top:26px;z-index:10}.project-card__dropdown button{background:#0000;border:none;color:#b4abab;cursor:pointer;font-size:13px;padding:10px 14px;text-align:left}.project-card__dropdown button:hover{background:#f9fafb}.project-card__dropdown .danger{color:#dc2626}.project-card__description{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tags span{background:#f3f4f6;border-radius:999px;color:#374151;font-size:11px;padding:4px 10px}.project-card__meta{grid-gap:8px;color:#6b7280;display:grid;font-size:12px;gap:8px;grid-template-columns:repeat(3,1fr)}.project-card__meta strong{color:#111827;display:block;margin-top:4px}.project-card__progress{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.progress-bar{background:#e5e7eb;border-radius:999px;flex:1 1;height:6px;margin-right:10px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;height:100%}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.status--active{background:#10b9811f;color:#059669}.status--negotiating{background:#f59e0b1f;color:#d97706}.status--archived{background:#6b72801f;color:#6b7280}.projects-table{display:flex;flex-direction:column;gap:12px}.projects-table__row{grid-gap:12px;align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:grid;gap:12px;grid-template-columns:1.6fr .8fr 1fr .8fr .6fr 1fr;padding:12px 16px}.projects-table__head{background:#f9fafb;color:#6b7280;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.projects-table .project-name{font-weight:600}.projects-table .tags{color:#6b7280;font-size:12px}.projects-table .actions{display:flex;gap:8px}.projects-table .actions button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:gray;cursor:pointer;font-size:12px;padding:6px 10px}.projects-table .actions .danger{border-color:#dc26264d;color:#dc2626}.projects-modal{align-items:center;background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.projects-modal__content{background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px;width:min(460px,90%)}.projects-modal__content input[type=text]{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.confirm-checkbox{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:10px}.projects-modal__actions{display:flex;gap:10px;justify-content:flex-end}.projects-modal__actions button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px 14px}.projects-modal__actions .danger{background:#dc2626;border-color:#dc2626;color:#fff}.projects-modal__actions .danger:disabled{cursor:not-allowed;opacity:.5}.projects-create{min-height:100%}.projects-create__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.projects-create__header h1{margin:0}.projects-create__header .ghost{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:gray;cursor:pointer;padding:8px 14px}.projects-create__form{display:flex;flex-direction:column;gap:16px;max-width:680px}.projects-create__form label{color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:8px}.projects-create__label-text{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.projects-create__optional{color:#9ca3af;font-size:12px;font-weight:400}.projects-create__hint{align-items:center;background:#d1d5db;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;position:relative;width:18px}.projects-create__hint:hover:after{opacity:1;visibility:visible}.projects-create__hint:after{background:#374151;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;line-height:1.4;max-width:280px;min-width:200px;padding:8px 12px;top:calc(100% + 8px);white-space:normal;z-index:10}.projects-create__hint:after,.projects-create__hint:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s,visibility .15s;visibility:hidden}.projects-create__hint:before{border:6px solid;border-color:#0000 #0000 #374151;content:"";margin-top:2px;top:100%;z-index:11}.projects-create__hint:hover:before{opacity:1;visibility:visible}.projects-create__form input,.projects-create__form select,.projects-create__form textarea{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:10px 12px}.projects-create__form textarea{min-height:120px;resize:vertical}.projects-create__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.projects-create__color{align-items:center;display:flex;gap:10px}.projects-create__color input[type=color]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;height:44px;padding:4px;width:44px}.projects-create__color input[type=text]{flex:1 1;min-width:0}.projects-create__logo{display:flex;flex-direction:column;gap:8px}.projects-create__logo .projects-create__logo-hint{color:#6b7280;font-size:13px;margin:0}.projects-create__logo .projects-create__logo-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.projects-create__logo .projects-create__logo-upload{flex-shrink:0}.projects-create__logo .projects-create__logo-upload input[type=file]{height:0;opacity:0;position:absolute;width:0}.projects-create__logo .projects-create__logo-upload .projects-create__logo-btn{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;color:#374151;cursor:pointer;display:inline-block;font-size:14px;padding:10px 16px}.projects-create__logo .projects-create__logo-upload .projects-create__logo-btn:hover{background:#f3f4f6;border-color:#9ca3af}.projects-create__logo .projects-create__logo-upload .projects-create__logo-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;height:96px;overflow:hidden;position:relative;width:96px}.projects-create__logo .projects-create__logo-upload .projects-create__logo-preview img{height:100%;object-fit:cover;width:100%}.projects-create__logo .projects-create__logo-upload .projects-create__logo-preview .projects-create__logo-remove{background:#0009;border:none;bottom:0;color:#fff;cursor:pointer;font-size:12px;left:0;padding:4px;position:absolute;right:0}.projects-create__logo .projects-create__logo-url{flex:1 1;min-width:200px}.projects-create__logo .projects-create__logo-url input{width:100%}.projects-create__logo .projects-create__logo-error{color:#dc2626;font-size:13px}.projects-create__actions{display:flex;gap:12px;justify-content:flex-end}.projects-create__actions .ghost{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:10px 16px}.projects-create__actions .primary{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 18px}.projects-create__actions .primary:disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.projects-controls,.projects-header{align-items:flex-start;flex-direction:column}.projects-create__row,.projects-table__row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5169589f.css.map*/