:root{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#868e96;--border-color:#0000001a;--shadow-light:#0000001a;--shadow-medium:#00000026;--accent:#007bff;--accent-hover:#0056b3;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--glass-bg:#ffffffb3;--glass-border:#fff3;--glass-shadow:#0000001a;--backdrop-blur:10px}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#ffffff1a;--shadow-light:#0000004d;--shadow-medium:#00000080;--accent:#4dabf7;--accent-hover:#339af0;--success:#51cf66;--warning:#ffd43b;--danger:#ff6b6b;--info:#74c0fc;--glass-bg:#1a1a1ab3;--glass-border:#ffffff1a;--glass-shadow:#0000004d}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-feature-settings:"kern" 1,"kern";background:radial-gradient(1200px 600px at 20% 0,#007bff1a,#0000 55%),radial-gradient(900px 500px at 90% 10%,#17a2b81a,#0000 60%),#f0f2f5;background:radial-gradient(1200px 600px at 20% 0,#007bff1a,#0000 55%),radial-gradient(900px 500px at 90% 10%,#17a2b81a,#0000 60%),var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-kerning:normal;font-kerning:normal;font-weight:400;line-height:1.5;min-height:100vh;text-rendering:optimizeLegibility;transition:all .3s ease}.modern-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);margin-bottom:32px;top:0}.appbar,.modern-header{position:-webkit-sticky;position:sticky;z-index:1000}.appbar{margin-bottom:22px;top:10px}.appbar-inner{grid-gap:12px;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 14px 60px #00000040;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 12px}.appbar-brand,.appbar-left{align-items:center;display:flex;min-width:0}.appbar-brand{background:#0000;border:none;border-radius:14px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;gap:10px;padding:6px 8px}.appbar-brand:hover{background:#ffffff0d}.appbar-logo{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;height:32px;object-fit:contain;width:32px}.appbar-brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.appbar-brand-title{font-size:14px;font-weight:750;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-brand-sub{color:#868e96;color:var(--text-tertiary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.appbar-nav{min-width:0}.appbar-nav-scroll{align-items:center;display:flex;gap:6px;justify-content:center;overflow:auto;padding:2px;scrollbar-width:none}.appbar-nav-scroll::-webkit-scrollbar{display:none}.appbar-nav .nav-item{border-radius:12px;font-size:13px;padding:7px 10px}.appbar-nav .nav-item .svg-inline--fa,.appbar-nav .nav-item svg{color:#4dabf7f2;height:16px;width:16px}.appbar-nav .nav-item:hover .svg-inline--fa,.appbar-nav .nav-item:hover svg{color:#4dabf7}.appbar-nav .nav-item.active .svg-inline--fa,.appbar-nav .nav-item.active svg{color:#007bff;color:var(--accent)}.appbar-nav .nav-item.active{background:#007bff1f;border:1px solid #007bff38}.appbar-right{gap:10px}.appbar-icon-btn,.appbar-right{align-items:center;display:flex}.appbar-icon-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;height:40px;justify-content:center;transition:all .25s ease;width:40px}.appbar-icon-btn:hover{background:#007bff1a;border-color:#007bff4d;transform:translateY(-1px)}.appbar-hamburger{display:none}.appbar-user{align-items:flex-end;display:flex;flex-direction:column;gap:1px;max-width:220px}.appbar-user-name{font-size:13px;font-weight:650}.appbar-user-email,.appbar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-user-email{color:#868e96;color:var(--text-tertiary);font-size:11px}.appbar-logout{background:#ffffff0a;border:1px solid #dc354573;border-radius:14px;color:#dc3545;color:var(--danger);cursor:pointer;font-weight:600;padding:9px 14px;transition:all .25s ease}.appbar-logout:hover{background:#dc3545;background:var(--danger);color:#fff}.appbar-drawer{margin-top:10px}.appbar-drawer-inner{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 14px 60px #00000040;padding:12px}.appbar-drawer-links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.appbar-drawer-links .nav-item{justify-content:flex-start;width:100%}.appbar-drawer-footer{align-items:center;border-top:1px solid #fff3;border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.appbar-drawer-user{min-width:0}.appbar-drawer-user-name{font-weight:650}.appbar-drawer-user-email{color:#868e96;color:var(--text-tertiary);font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.appbar-inner{grid-template-columns:1fr auto}.appbar-nav{display:none}.appbar-hamburger{display:flex}.appbar-user{display:none}}@media (max-width:480px){.appbar{top:6px}.appbar-inner{padding:10px}.appbar-brand-title{max-width:160px}}.modern-header:before{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.header-content{gap:16px;justify-content:space-between;padding:14px 18px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:20px;min-width:0}.logo,.logo-section{align-items:center;display:flex}.logo{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:700;gap:12px;margin:0}.header-nav-desktop{flex-wrap:wrap}.brand-link{align-items:center;background:#0000;border:none;border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:10px;padding:4px 6px}.brand-link:hover{background:#ffffff0a}.brand-logo{border:1px solid #ffffff1a;border-radius:10px;height:28px;width:28px}.brand-logo,.brand-logo-preview{background:#ffffff0f;object-fit:contain}.brand-logo-preview{border:1px solid #ffffff1a;border-radius:14px;height:56px;width:56px}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 24px 80px #00000059;padding:20px;width:min(860px,100%)}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-body{padding:8px 0}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.calendar-toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.calendar-toolbar-left{display:flex;flex-direction:column;gap:2px}.calendar-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.calendar-view-toggle{display:flex;gap:8px}.calendar-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:8px;margin-top:10px}.calendar-weekday{color:#868e96;color:var(--text-tertiary);font-size:12px;text-align:center}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{appearance:none;-webkit-appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;color:inherit;cursor:pointer;font:inherit;min-height:120px;overflow:hidden;padding:10px;text-align:left;width:100%}.calendar-day:hover{border-color:#007bff40;box-shadow:0 10px 24px #0000002e}.calendar-day:focus{outline:none}.calendar-day:focus-visible{outline:2px solid #007bff8c;outline-offset:2px}.calendar-day.muted{opacity:.55}.calendar-day-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.calendar-day-number{font-weight:700}.calendar-day-date{color:#868e96;color:var(--text-tertiary);font-size:11px;white-space:nowrap}.calendar-day-events{display:flex;flex-direction:column;gap:6px}.calendar-event-chip{background:#007bff14;border:1px solid #ffffff1a;border-radius:10px;padding:6px 8px}.calendar-event-chip.channel-email{background:#17a2b81a}.calendar-event-chip.channel-both{background:#28a7451a}.calendar-event-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.calendar-event-meta{color:#868e96;color:var(--text-tertiary);font-size:10px;margin-top:2px}.calendar-event-more{color:#6c757d;color:var(--text-secondary);font-size:11px;padding-left:2px}.logo-icon{filter:none;font-size:32px}.modern-nav,.nav-item{align-items:center;display:flex;gap:8px}.nav-item{border-radius:12px;color:#1a1a1a;color:var(--text-primary);font-weight:500;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:before{background:linear-gradient(45deg,#007bff,#17a2b8);background:linear-gradient(45deg,var(--accent),var(--info));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.nav-item:hover:before{opacity:.1}.nav-item:hover{color:#1a1a1a;color:var(--text-primary);transform:translateY(-1px)}.nav-item.active{background:#007bff1a;border:1px solid #007bff33}.nav-icon{font-size:18px}.header-right{align-items:center;display:flex;gap:12px}.mobile-menu-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:none;height:44px;justify-content:center;width:44px}.mobile-menu{padding:0 24px 16px}.mobile-menu-inner{background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px #0000001a;box-shadow:0 10px 30px var(--shadow-light);padding:12px}.mobile-menu-links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.mobile-menu-links .nav-item{justify-content:flex-start;width:100%}.mobile-menu-footer{align-items:center;border-top:1px solid #fff3;border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.mobile-user{min-width:0}.mobile-user-name{color:#1a1a1a;color:var(--text-primary);font-weight:600}.mobile-user-email{color:#868e96;color:var(--text-tertiary);font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;background:var(--glass-bg);border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{border-color:#fff3;border-color:var(--glass-border);box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--shadow-light);transform:scale(1.05)}.user-section{align-items:center;display:flex;gap:16px}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#1a1a1a;color:var(--text-primary);font-weight:600}.user-role{background:#007bff;background:var(--accent);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.logout-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #dc354573;border-radius:10px;color:#dc3545;color:var(--danger);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .3s ease}.logout-btn:hover{background:#dc3545;background:var(--danger);box-shadow:0 10px 24px #dc35452e;color:#fff;transform:translateY(-1px)}.logout-icon{font-size:16px}.clean-login-container{align-items:center;background:#f0f2f5;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px #0000001a;box-shadow:0 10px 30px var(--shadow-light);max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-title{color:#1a1a1a;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.login-subtitle{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.error-message{background:#dc35451a;border:1px solid #dc3545;border:1px solid var(--danger);border-radius:8px;color:#dc3545;color:var(--danger);font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.login-form{margin-bottom:32px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-label{color:#1a1a1a;color:var(--text-primary)}.form-input{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-input::placeholder{color:#868e96;color:var(--text-tertiary)}.login-button{background:#007bff;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.login-button:hover{background:#17a2b8;background:var(--info);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-credentials{background:#007bff0d;border:1px solid #007bff33;border-radius:12px;padding:20px}.demo-title{color:#1a1a1a;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px;text-align:center}.demo-accounts{display:flex;flex-direction:column;gap:10px}.demo-account{align-items:center;background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.demo-account:hover{background:#007bff0d;border-color:#007bff;border-color:var(--accent)}.account-info{display:flex;flex-direction:column;gap:2px}.account-role{color:#1a1a1a;color:var(--text-primary);font-size:13px;font-weight:600}.account-details{color:#6c757d;color:var(--text-secondary)}.account-details,.account-password{font-family:monospace;font-size:12px}.account-password{background:#007bff1a;border-radius:4px;color:#007bff;color:var(--accent);font-weight:600;padding:4px 8px}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:24px}}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:28px}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;padding:22px;transition:all .3s ease}.stat-card:hover{box-shadow:0 14px 44px #00000026;box-shadow:0 14px 44px var(--shadow-medium);transform:translateY(-4px)}.stat-card h3{color:#6c757d;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.stat-card .value{color:#007bff;color:var(--accent);font-size:24px;font-weight:800;margin-bottom:10px;text-shadow:none}.stat-card .label{color:#868e96;color:var(--text-tertiary);font-size:13px}.glass-card{backdrop-filter:blur(10px);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000001a;box-shadow:0 8px 32px var(--glass-shadow);transition:all .3s ease}.glass-card:hover{box-shadow:0 12px 40px #00000026;box-shadow:0 12px 40px var(--shadow-medium);transform:translateY(-2px)}.glass-input{backdrop-filter:blur(10px);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease}.glass-input:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 3px #007bff1a;outline:none}.glass-button{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.glass-button:hover{background:#007bff1a;border-color:#007bff40;transform:translateY(-1px)}.glass-button.primary{background:#007bff;background:var(--accent);border-color:#007bff;border-color:var(--accent);color:#fff}.glass-button.primary:hover{background:#0056b3;background:var(--accent-hover);border-color:#0056b3;border-color:var(--accent-hover)}.glass-button.success{background:#28a745;background:var(--success);border-color:#28a745;border-color:var(--success);color:#fff}.glass-button.danger{background:#dc3545;background:var(--danger);border-color:#dc3545;border-color:var(--danger);color:#fff}.glass-select{backdrop-filter:blur(10px);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease}.glass-select:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 3px #007bff1a;outline:none}.glass-textarea{backdrop-filter:blur(10px);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .3s ease}.glass-textarea:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 3px #007bff1a;outline:none}.status-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 10px;text-transform:uppercase}.role-admin,.role-bdm{background:#007bff29;border-color:#007bff4d}.role-sales{background:#ffc10729;border-color:#ffc10759}.role-developer{background:#28a74529;border-color:#28a7454d}.status-lead{background:#17a2b8;background:var(--info);color:#fff}.status-discussion{background:#ffc107;background:var(--warning);color:#fff}.status-proposal{background:#007bff;background:var(--accent);color:#fff}.status-po{background:#28a745;background:var(--success);color:#fff}.status-working{background:#007bff;background:var(--accent);color:#fff}.status-onhold{background:#868e96;background:var(--text-tertiary);color:#fff}.status-completed{background:#28a745;background:var(--success);color:#fff}.status-dropped{background:#dc3545;background:var(--danger);color:#fff}.priority-low{background:#28a745;background:var(--success);color:#fff}.priority-medium{background:#ffc107;background:var(--warning);color:#fff}.priority-high{background:#dc3545;background:var(--danger);color:#fff}.task-open{background:#17a2b8;background:var(--info);color:#fff}.task-inprogress{background:#ffc107;background:var(--warning);color:#fff}.task-completed{background:#28a745;background:var(--success);color:#fff}.approval-pending{background:#ffc107;background:var(--warning);color:#fff}.approval-approved{background:#28a745;background:var(--success);color:#fff}.approval-rejected{background:#dc3545;background:var(--danger);color:#fff}.notif{position:relative}.notif-badge{align-items:center;background:#dc3545;background:var(--danger);border:2px solid #00000026;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 6px;position:absolute;right:-6px;top:-6px}.notif-menu{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#141418b3;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 16px 50px #00000059;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:44px;width:360px;z-index:50}.notif-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;justify-content:space-between;padding:12px}.notif-menu-title{font-weight:700}.notif-menu-list{max-height:360px;overflow:auto}.notif-empty{color:#6c757d;color:var(--text-secondary);font-size:13px;padding:16px}.notif-item{align-items:stretch;border-bottom:1px solid #ffffff14;display:grid;grid-template-columns:1fr 36px}.notif-item-main{background:#0000;border:0;color:inherit;cursor:pointer;padding:12px;text-align:left;width:100%}.notif-item-title{font-size:13px;font-weight:600}.notif-item-sub,.notif-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-sub{font-size:12px;margin-top:4px}.notif-item-del,.notif-item-sub{color:#868e96;color:var(--text-tertiary)}.notif-item-del{background:#0000;border:0;cursor:pointer;font-size:18px}.notif-menu-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:10px 12px}.pmb-message{border:1px solid #ffffff1a}.pmb-role-manager{border-left:4px solid #007bffbf}.pmb-role-sales{border-left:4px solid #ffc107d9}.pmb-role-dev{border-left:4px solid #28a745bf}.pmb-role-other{border-left:4px solid #a0a0a08c}.pmb-attachment{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px}.pmb-files{grid-gap:10px;display:grid;gap:10px}.pmb-file{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.pmb-file-name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmb-thread{max-height:62vh;overflow:auto;padding-right:6px}.container{margin:0 auto;max-width:1200px;padding:18px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:12px}.gap-4{gap:22px}.gap-6{gap:28px}.gap-8{gap:34px}.p-4{padding:16px}.p-6{padding:22px}.p-8{padding:28px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-bottom:4px;padding-top:4px}.py-2{padding-bottom:8px;padding-top:8px}.py-4{padding-bottom:16px;padding-top:16px}.m-2{margin:8px}.m-4{margin:16px}.m-6{margin:24px}.mt-4{margin-top:16px}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-4{margin-left:16px}.ml-2{margin-left:8px}.mr-4{margin-right:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-lg,.text-xl{font-size:18px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:#6c757d;color:var(--text-secondary)}.text-tertiary{color:#868e96;color:var(--text-tertiary)}.w-full{width:100%}.h-full{height:100%}.h-64{height:256px}.block{display:block}.flex-1{flex:1 1}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.bg-opacity-50{background-color:#ffffff0f}.col-span-2{grid-column:span 2/span 2}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.shadow{box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-light)}.shadow-lg{box-shadow:0 10px 15px #00000026;box-shadow:0 10px 15px var(--shadow-medium)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.header-content{flex-direction:column;gap:16px}}@media (max-width:1024px){.header-left{gap:16px}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.logo{font-size:18px}.header-nav-desktop{display:none}.mobile-menu-toggle{display:flex}.header-right{gap:12px}.user-info{display:none}.logout-btn{padding:8px 12px}}@media (max-width:480px){.header-content{padding:12px 14px}.mobile-menu{padding:0 14px 14px}.grid-cols-4{grid-template-columns:1fr}.container{padding:10px}}
/*# sourceMappingURL=main.996ccdff.css.map*/