:root{--bg-primary:#f4f6f9;--bg-secondary:#fff;--bg-tertiary:#fbfcfe;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#868e96;--header-clock-text:#2b2b2b;--header-clock-date:#6b7280;--border-color:#0000001a;--shadow-light:#0000001a;--shadow-medium:#00000026;--accent:#007bff;--accent-hover:#0056b3;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--glass-bg:#ffffffd1;--glass-border:#fff3;--glass-shadow:#0000001a;--backdrop-blur:10px}.app-shell{width:100%}.app-shell-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:260px minmax(0,1fr)}.app-shell-open .app-sidebar{display:block}.app-sidebar{align-self:start;margin-left:14px;position:-webkit-sticky;position:sticky;top:96px;z-index:10}.app-sidebar-backdrop{display:none}.app-sidebar-inner{grid-gap:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 10px 32px #0000002e;display:grid;gap:12px;padding:12px}.sidebar-group{grid-gap:6px;display:grid;gap:6px}.sidebar-group-title{color:#868e96;color:var(--text-tertiary);font-size:11px;font-weight:750;letter-spacing:.1em;padding:6px 10px;text-transform:uppercase}.side-nav-item{align-items:center;border:1px solid #0000;border-radius:14px;color:#1a1a1a;color:var(--text-primary);display:flex;font-weight:500;gap:10px;opacity:.82;padding:10px 12px;position:relative;text-decoration:none}.side-nav-item:hover{background:#007bff0f;border-color:#007bff2e;opacity:1}.side-nav-item.active{background:#007bff1f;border-color:#007bff38;box-shadow:0 14px 44px #0000002e;opacity:1}.side-nav-item.active:before{background:#007bff;background:var(--accent);border-radius:999px;bottom:10px;content:"";left:6px;position:absolute;top:10px;width:3px}.side-nav-icon{align-items:center;color:#4dabf7f2;display:inline-flex;height:18px;justify-content:center;width:18px}.side-nav-label{font-size:14px}.admin-sidebar-title{color:#868e96;color:var(--text-tertiary);font-size:12px;font-weight:750;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.app-main{min-width:0}@media (max-width:1100px){.app-shell-grid{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:1024px){.app-shell-grid{grid-template-columns:1fr}.app-sidebar{display:none;left:14px;margin-left:0;position:fixed;right:14px;top:90px;z-index:1200}.app-sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000059;display:block;inset:0;position:fixed;z-index:1100}.app-sidebar-inner{max-height:none;overflow:visible}}@media (max-width:900px){.app-shell-grid{grid-template-columns:1fr}.app-sidebar{margin-left:0;position:fixed}}@media (min-width:1024px){.role-pill{display:inline-flex}}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:grey;--header-clock-text:#e5e7eb;--header-clock-date:#9ca3af;--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%),#f4f6f9;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:#ffffffd1;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{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 14px 60px #00000040;display:flex;gap:12px;justify-content:space-between;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{align-items:center;display:flex;gap:16px;margin-left:auto}.appbar-center{display:flex;flex:1 1;justify-content:center;min-width:0}.appbar-clock{align-items:center;display:flex;gap:8px;min-width:0}.appbar-clock-face{background:radial-gradient(circle at 30% 30%,#ffffff80,#ffffff0f);border-radius:999px;box-shadow:0 6px 18px #0000001a;height:26px;position:relative;width:26px}.appbar-clock-face:before{background:linear-gradient(135deg,#64748b52,#3b82f647);border-radius:999px;content:"";inset:-1px;position:absolute;z-index:-1}[data-theme=dark] .appbar-clock-face{background:radial-gradient(circle at 30% 30%,#ffffff1f,#ffffff08);box-shadow:0 6px 18px #00000047}[data-theme=dark] .appbar-clock-face:before{background:linear-gradient(135deg,#94a3b866,#94a3b838)}[data-theme=dark] .appbar-clock-hand.minute{background:#93c5fdd9}[data-theme=dark] .appbar-clock-hand.second{background:#fca5a5bf}.appbar-clock-hand{border-radius:999px;left:50%;position:absolute;top:50%;transform-origin:50% 100%}.appbar-clock-hand.hour{background:#000000a6;height:7px;width:3px}.appbar-clock-hand.minute{background:#3b82f6d9;height:9px;width:2px}.appbar-clock-hand.second{background:#ef4444b3;height:10px;width:1px}.appbar-clock-dot{background:#0000008c;border-radius:999px;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}[data-theme=dark] .appbar-clock-hand.hour{background:#ffffffb3}[data-theme=dark] .appbar-clock-dot{background:#ffffff9e}.appbar-clock-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.appbar-clock-row{align-items:center;display:flex;gap:6px;white-space:nowrap}.appbar-clock-time{color:#2b2b2b;color:var(--header-clock-text);font-size:13px;font-weight:650}.appbar-clock-date,.appbar-clock-sep{color:#6b7280;color:var(--header-clock-date)}.appbar-clock-date{font-size:12px;font-weight:600}.appbar-sidebar-toggle{display:none}.appbar-icon-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;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{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:9px 12px;transition:all .25s ease}.appbar-logout:hover{background:#ffffff0f;border-color:#007bff38}.profile{position:relative}.profile-trigger{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:10px;padding:6px 10px;transition:all .25s ease}.profile-trigger:hover{background:#007bff1a;border-color:#007bff4d}.profile-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px;max-width:180px}.profile-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{opacity:.8}.profile-menu{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #00000014;border-radius:16px;box-shadow:0 16px 50px #0000002e;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:48px;width:280px;z-index:60}[data-theme=dark] .profile-menu{background:#141418b8;border:1px solid #ffffff1f;box-shadow:0 16px 50px #00000059}.profile-menu-head{border-bottom:1px solid #0000000f;padding:12px}[data-theme=dark] .profile-menu-head{border-bottom:1px solid #ffffff1a}.profile-menu-title{font-weight:750}.profile-menu-sub{color:#868e96;color:var(--text-tertiary);font-size:12px;margin-top:4px}.profile-menu-actions{grid-gap:8px;display:grid;gap:8px;padding:8px}.profile-action{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px;width:100%}.profile-action:hover{background:#007bff1a;border-color:#007bff4d}.profile-action:disabled{cursor:not-allowed;opacity:.55}.profile-action.danger{border-color:#ff6b6b40}.profile-action.danger:hover{background:#ff6b6b1f;border-color:#ff6b6b4d}.toast-stack{grid-gap:10px;bottom:16px;display:grid;gap:10px;position:fixed;right:16px;z-index:9999}.toast{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#141418b8;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 18px 60px #00000059;color:#fff;font-weight:600;max-width:360px;min-width:260px;padding:12px 14px}.toast-success{border-color:#51cf6659}.toast-error{border-color:#ff6b6b59}.toast-info{border-color:#74c0fc59}.empty-state{grid-gap:8px;background:#ffffff08;border:1px dashed #ffffff29;border-radius:18px;display:grid;gap:8px;justify-items:start;padding:22px}.empty-icon{font-size:22px}.empty-title{font-size:16px;font-weight:800}.empty-sub{color:#6c757d;color:var(--text-secondary);font-size:13px}.project-overview-list{grid-gap:10px;display:grid;gap:10px}.project-overview-row{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:all .2s ease}.project-overview-row:hover{background:#007bff12;border-color:#007bff38;box-shadow:0 14px 44px #0003}.project-overview-main{min-width:0}.project-overview-title{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-overview-meta{align-items:center;color:#868e96;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:6px}.meta-dot{opacity:.7}.meta-item{opacity:.95}.project-overview-side{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.project-overview-amount{color:#007bff;color:var(--accent);font-weight:850}.project-overview-actions{display:flex;gap:8px}.pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px}.pill-active{background:#51cf661a;border-color:#51cf6642}.pill-hold{background:#ffd43b1a;border-color:#ffd43b42}.pill-closed{background:#ff6b6b1a;border-color:#ff6b6b42}.appbar-drawer{margin-top:10px}.appbar-drawer-inner{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd1;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{gap:10px}.appbar-nav{display:none}.appbar-hamburger{display:flex}.appbar-user{display:none}}@media (max-width:1024px){.appbar-sidebar-toggle{display:flex}}@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;overflow-x:hidden;overflow-y:auto;padding:24px;position:fixed;z-index:9999}.modal{background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 24px 60px #00000059;max-height:92vh;overflow:hidden;overscroll-behavior:contain;padding:18px;width:min(860px,100%)}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-body{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0;scrollbar-width:none}.modal-body::-webkit-scrollbar{height:0;width:0}.modal,.modal-body{-webkit-overflow-scrolling:touch}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal.modal-xl .cycle-view-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:6px;scrollbar-width:none}.modal.modal-xl .cycle-view-content::-webkit-scrollbar{height:0;width:0}.modal.modal-xl .modal-footer{background:#ffffffd1;background:var(--glass-bg);border-top:1px solid #fff3;border-top:1px solid var(--glass-border);bottom:0;margin-top:0;padding-top:12px;position:-webkit-sticky;position:sticky}.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.today{background:#007bff1a;border-color:#007bff47}.calendar-day.selected{border-color:#007bffbf;box-shadow:0 12px 28px #007bff2e}.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;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.calendar-event-chip:hover{border-color:#007bff52;box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.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}.calendar-fab{background:radial-gradient(circle at 30% 30%,#007bfff2,#007bff8c);border:1px solid #007bff59;border-radius:999px;bottom:22px;box-shadow:0 18px 44px #007bff47;color:#fff;cursor:pointer;font-size:26px;height:54px;line-height:1;position:fixed;right:22px;width:54px;z-index:1200}.calendar-fab:hover{box-shadow:0 22px 54px #007bff52;transform:translateY(-2px)}.calendar-fab:active{transform:translateY(0)}.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:#ffffffd1;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:#ffffffd1;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:#ffffffd1;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:#ffffffd1;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:#f4f6f9;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:#ffffffd1;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:#ffffffd1;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:#ffffffd1;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}.stats-row-title{color:#868e96;color:var(--text-tertiary);font-size:12px;font-weight:800;grid-column:1/-1;letter-spacing:.12em;margin-top:6px;text-transform:uppercase}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:22px;position:relative;transition:all .3s ease}.stat-card:after{background:radial-gradient(600px 240px at 20% 0,#007bff1a,#0000 55%);content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.stat-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;position:relative;z-index:1}.stat-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#4dabf7f2;display:inline-flex;height:34px;justify-content:center;width:34px}.stat-change{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;color:#868e96;color:var(--text-tertiary);font-size:12px;font-weight:700;padding:4px 10px}.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;position:relative;text-transform:uppercase;z-index:1}.stat-card .value{color:#007bff;color:var(--accent);font-size:30px;font-weight:800;margin-bottom:10px;position:relative;text-shadow:none;z-index:1}.stat-card .label{color:#868e96;color:var(--text-tertiary);font-size:13px;opacity:.85;position:relative;z-index:1}.stat-card.skeleton{background:#ffffff08;border-color:#ffffff1a}.stat-card.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);opacity:1;transform:translateX(-100%)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.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:#ffffffd1;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:#ffffffd1;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::placeholder{color:#868e96;color:var(--text-tertiary);opacity:.95}.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:#ffffffd1;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:#ffffffd1;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:#ffffffd1;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{background:#ffffff24;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;color:#1a1a1a;color:var(--text-primary);font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.project-pills{display:flex;flex-wrap:wrap;gap:8px}.name-pill{align-items:center;background:#ffffffb3;border:1px solid #0000001a;border-radius:999px;color:#111827eb;display:inline-flex;font-size:12px;font-weight:600;line-height:1;padding:4px 10px}[data-theme=dark] .name-pill{background:#ffffff14;border:1px solid #ffffff24;color:#f3f4f6eb}.name-pill.pill-client{background:#3b82f61a;border-color:#3b82f638;color:#1e40afeb}[data-theme=dark] .name-pill.pill-client{background:#93c5fd24;border-color:#93c5fd38;color:#e0f2feeb}.name-pill.pill-sales{background:#f59e0b1f;border-color:#f59e0b38;color:#92400eeb}[data-theme=dark] .name-pill.pill-sales{background:#fbbf2424;border-color:#fbbf2438;color:#fef3c7eb}.name-pill.pill-dev{background:#10b9811f;border-color:#10b98138;color:#065f46eb}[data-theme=dark] .name-pill.pill-dev{background:#34d39924;border-color:#34d39938;color:#d1fae5eb}.role-pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;font-size:11px;font-style:italic;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:#3b82f629;border:1px solid #3b82f647;color:#1e40aff2}.status-discussion{background:#f59e0b29;border:1px solid #f59e0b47;color:#92400ef2}.status-proposal{background:#a855f729;border:1px solid #a855f742;color:#581c87f2}.status-po{background:#10b98129;border:1px solid #10b98142;color:#065f46f2}.status-working{background:#0ea5e929;border:1px solid #0ea5e942;color:#0c4a6ef2}.status-onhold{background:#64748b29;border:1px solid #64748b42;color:#1e293beb}.status-completed{background:#22c55e29;border:1px solid #22c55e42;color:#14532df2}.status-dropped{background:#ef444429;border:1px solid #ef444442;color:#7f1d1df2}[data-theme=dark] .status-completed,[data-theme=dark] .status-discussion,[data-theme=dark] .status-dropped,[data-theme=dark] .status-lead,[data-theme=dark] .status-onhold,[data-theme=dark] .status-po,[data-theme=dark] .status-proposal,[data-theme=dark] .status-working{color:#ffffffeb}.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-item-time{color:#868e96;color:var(--text-tertiary);display:block;font-size:11px;margin-top:4px}.filters-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filters-row::-webkit-scrollbar{display:none}.filters-row>*{flex:0 0 auto}.filters-row .glass-input{min-width:220px}.filters-row .glass-select{min-width:150px}.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:#ffffffe0;border:1px solid #00000014;border-radius:16px;box-shadow:0 16px 50px #0000002e;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:44px;width:360px;z-index:50}[data-theme=dark] .notif-menu{background:#141418b3;border:1px solid #ffffff1f;box-shadow:0 16px 50px #00000059}.notif-menu-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:10px;justify-content:space-between;padding:12px}[data-theme=dark] .notif-menu-header{border-bottom:1px solid #ffffff1a}.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 #0000000f;display:grid;grid-template-columns:1fr 36px}[data-theme=dark] .notif-item{border-bottom:1px solid #ffffff14}.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}.chat-panel{background:#ffffffb3;border:1px solid #00000014;border-radius:18px;overflow:hidden}[data-theme=dark] .chat-panel{background:#ffffff08;border:1px solid #ffffff1a}.chat-thread{max-height:62vh;overflow:auto;padding:14px}.chat-list{grid-gap:10px;display:grid;gap:10px}.chat-date-divider{display:flex;justify-content:center;margin:6px 0}.chat-date-divider span{background:#ffffffd9;border:1px solid #00000014;border-radius:999px;color:#868e96;color:var(--text-tertiary);font-size:12px;padding:6px 12px}[data-theme=dark] .chat-date-divider span{background:#ffffff0a;border:1px solid #ffffff1a}.chat-row{grid-gap:10px;align-items:flex-start;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr)}.chat-row.mine{grid-template-columns:minmax(0,1fr) 36px}.chat-row.mine .chat-avatar{order:2}.chat-row.mine .chat-bubble{background:#3b82f61a;border-color:#3b82f638;justify-self:end;order:1}[data-theme=dark] .chat-row.mine .chat-bubble{background:#007bff1a;border-color:#007bff2e}.chat-avatar{align-items:center;background:radial-gradient(circle at 30% 30%,#ffffffeb,#ffffffb3);border:1px solid #00000014;border-radius:999px;box-shadow:0 10px 26px #00000014;color:#000000a6;display:flex;font-size:12px;font-weight:800;height:36px;justify-content:center;width:36px}[data-theme=dark] .chat-avatar{background:radial-gradient(circle at 30% 30%,#fff9,#ffffff1a);border:1px solid #ffffff24;box-shadow:0 10px 26px #0000001f;color:#000000a6}.chat-bubble{background:#ffffffeb;border:1px solid #00000014;border-radius:18px;max-width:min(720px,100%);padding:12px}[data-theme=dark] .chat-bubble{background:#ffffff0d;border:1px solid #ffffff1a}.chat-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.chat-name{font-weight:700}.chat-time{color:#868e96;color:var(--text-tertiary);font-size:12px}.chat-text{color:#1a1a1a;color:var(--text-primary);font-size:14px}.chat-attachments{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.chat-attachment{align-items:center;background:#ffffffd9;border:1px solid #00000014;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}[data-theme=dark] .chat-attachment{background:#ffffff08;border:1px solid #ffffff1a}.chat-composer{background:#ffffffc7;border-top:1px solid #00000014;bottom:0;padding:14px;position:-webkit-sticky;position:sticky}[data-theme=dark] .chat-composer{background:#ffffff08;border-top:1px solid #ffffff1a}.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}}.feedback-page{max-width:1200px}.feedback-tabs{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px}.tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .25s ease}.tab-btn:hover{background:#007bff14;color:#1a1a1a;color:var(--text-primary)}.tab-btn.active{background:#007bff1f;border-color:#007bff40;color:#007bff;color:var(--accent)}.feedback-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.feedback-toolbar h2{font-size:20px;font-weight:700}.templates-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;padding:20px;transition:all .25s ease}.template-card:hover{border-color:#007bff4d;box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.template-card-header h3{font-size:16px;font-weight:700;margin:0}.template-description{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.template-meta{color:#868e96;color:var(--text-tertiary);display:flex;font-size:12px;gap:12px}.template-meta span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px}.template-editor-header{margin-bottom:24px}.template-editor-header h2{font-size:24px;font-weight:700;margin:16px 0 8px}.template-editor-header p{color:#6c757d;color:var(--text-secondary)}.section-toolbar{margin-bottom:20px}.feedback-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;margin-bottom:16px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{font-size:18px;font-weight:700;margin:0}.section-actions{display:flex;gap:8px}.section-description{color:#6c757d;color:var(--text-secondary);font-size:14px;margin-bottom:16px}.questions-list{display:flex;flex-direction:column;gap:12px}.question-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.question-number{align-items:center;background:#007bff1a;border-radius:999px;color:#007bff;color:var(--accent);display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.question-type-icon{color:#868e96;color:var(--text-tertiary);font-size:14px}.question-text{flex:1 1;font-size:14px}.required-badge{font-weight:700}.question-actions{display:flex;gap:6px}.cycles-list{display:flex;flex-direction:column;gap:16px}.cycle-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;padding:20px;transition:all .25s ease}.cycle-card:hover{border-color:#007bff33}.cycle-card.status-pending{border-left:4px solid #ffc107;border-left:4px solid var(--warning)}.cycle-card.status-submitted{border-left:4px solid #28a745;border-left:4px solid var(--success)}.cycle-card.status-closed{border-left:4px solid #868e96;border-left:4px solid var(--text-tertiary)}.cycle-header{justify-content:space-between;margin-bottom:16px}.cycle-header,.cycle-title{align-items:center;display:flex}.cycle-title{gap:12px}.cycle-title h3{font-size:16px;font-weight:700;margin:0}.cycle-actions{display:flex;gap:8px}.cycle-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cycle-detail{display:flex;flex-direction:column;gap:4px}.cycle-detail .label{color:#868e96;color:var(--text-tertiary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.cycle-detail .value{font-size:14px;font-weight:600}.cycle-detail .value.overdue{color:#dc3545;color:var(--danger)}.badge.active{background:#51cf6626;border-color:#51cf664d;color:#28a745;color:var(--success)}.badge.archived{background:#ff6b6b26;border-color:#ff6b6b4d;color:#dc3545;color:var(--danger)}.status-badge.pending{background:#ffc10726;border-color:#ffc1074d;color:#ffc107;color:var(--warning)}.status-badge.submitted{background:#51cf6626;border-color:#51cf664d;color:#28a745;color:var(--success)}.status-badge.closed{background:#868e9626;border-color:#868e964d;color:#868e96;color:var(--text-tertiary)}.cycle-view-content{padding:8px 0}.cycle-info-grid{grid-gap:16px;background:#ffffff08;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;padding:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{color:#868e96;color:var(--text-tertiary);font-size:12px}.info-item .value{font-weight:600}.response-section{margin-bottom:24px}.response-section h4{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);font-size:16px;font-weight:700;margin-bottom:8px;padding-bottom:8px}.response-item{border-bottom:1px solid #ffffff0d;padding:12px 0}.response-question{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.q-number{color:#007bff;color:var(--accent)}.response-answer{color:#6c757d;color:var(--text-secondary);padding-left:24px}.no-response{color:#868e96;color:var(--text-tertiary);font-style:italic}.rating-display{color:#ffc107;font-size:18px}.signature-section{background:#ffffff08;border-radius:12px;margin-top:24px;padding:20px}.signature-info,.signature-section h4{margin-bottom:16px}.signature-info p{margin:4px 0}.signature-image{background:#fff;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;max-width:300px;padding:8px}.loading-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--accent);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.cycles-list-modern{display:flex;flex-direction:column;gap:16px}.cycle-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;padding:24px;transition:all .25s ease}.cycle-card-modern:hover{border-color:#007bff4d;box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}.cycle-card-modern.status-pending{border-left:4px solid #ffc107;border-left:4px solid var(--warning)}.cycle-card-modern.status-submitted{border-left:4px solid #28a745;border-left:4px solid var(--success)}.cycle-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cycle-title-section h3{font-size:18px;font-weight:700;margin:0 0 4px}.template-name{color:#868e96;color:var(--text-tertiary);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.status-badge-modern{align-items:center;border-radius:999px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.status-badge-modern.pending{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107;color:var(--warning)}.status-badge-modern.submitted{background:#51cf6626;border:1px solid #51cf664d;color:#28a745;color:var(--success)}.cycle-details-modern{margin-bottom:16px}.detail-row{display:flex;font-size:14px;gap:12px;margin-bottom:8px}.detail-label{color:#868e96;color:var(--text-tertiary);min-width:60px}.detail-value{color:#1a1a1a;color:var(--text-primary);font-weight:500}.detail-value.overdue{color:#dc3545;color:var(--danger)}.progress-indicator-modern{margin-top:12px}.progress-bar-container{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill-mini{background:#007bff;background:var(--accent);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#868e96;color:var(--text-tertiary);font-size:12px}.cycle-action-modern{display:flex;justify-content:flex-end}.empty-state-modern{background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon-wrapper{align-items:center;background:#007bff1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-icon{color:#007bff;color:var(--accent);font-size:40px}.form-header-modern{margin-bottom:24px}.form-header-modern .back-btn{margin-bottom:16px}.header-content h1{font-size:28px;font-weight:700;margin:0 0 12px}.form-meta-modern{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-badge{background:#007bff1a;border-radius:999px;color:#007bff;color:var(--accent);font-size:13px;font-weight:600;padding:6px 14px}.form-progress-modern{margin-bottom:24px}.progress-bar-modern{border-radius:4px;height:8px;margin-bottom:8px}.progress-fill-modern{background:linear-gradient(90deg,#007bff,#00d4ff);background:linear-gradient(90deg,var(--accent),#00d4ff);border-radius:4px}.progress-text-modern{font-size:13px}.form-sections-nav-modern{gap:8px;margin-bottom:24px}.section-nav-btn-modern{border-radius:12px;gap:8px;padding:10px 16px}.section-nav-btn-modern:hover:not(:disabled){border-color:#007bff;border-color:var(--accent);color:#1a1a1a;color:var(--text-primary)}.section-nav-btn-modern.active{background:#007bff26;border-color:#007bff;border-color:var(--accent);color:#007bff;color:var(--accent)}.section-nav-btn-modern.completed{background:#51cf661a;border-color:#28a745;border-color:var(--success);color:#28a745;color:var(--success)}.section-number{align-items:center;background:currentColor;border-radius:50%;color:inherit;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.form-section-content-modern{margin-bottom:24px}.section-card{border-radius:16px;padding:24px}.section-header-modern{margin-bottom:24px;padding-bottom:16px}.section-header-modern h2{font-size:20px;font-weight:700;margin:0 0 8px}.section-description-modern{font-size:14px}.questions-container-modern{display:flex;flex-direction:column;gap:20px}.question-card-modern{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s ease}.question-card-modern:hover{border-color:#007bff33}.question-card-modern.required{border-left:3px solid #dc3545;border-left:3px solid var(--danger)}.question-header-modern{align-items:center;display:flex;gap:12px;margin-bottom:12px}.question-number-circle{align-items:center;background:#007bff;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.question-meta{align-items:center;display:flex;gap:8px}.question-type-icon-modern{color:#868e96;color:var(--text-tertiary);font-size:14px}.question-type-label{color:#868e96;color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.question-content-modern{padding-left:44px}.question-text-modern{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 12px}.required-badge{color:#dc3545;color:var(--danger);margin-left:4px}.question-input-modern{max-width:600px}.rating-input-modern{align-items:center;display:flex;gap:8px}.rating-star-modern{background:#0000;border:none;color:#868e96;color:var(--text-tertiary);cursor:pointer;font-size:24px;height:44px;padding:0;transition:all .2s ease;width:44px}.rating-star-modern.active,.rating-star-modern:hover{color:#ffc107;transform:scale(1.1)}.rating-label-modern{color:#6c757d;color:var(--text-secondary);font-size:14px;margin-left:12px}.modern-checkbox-group,.modern-radio-group{display:flex;flex-direction:column;gap:10px}.modern-checkbox-label,.modern-radio-label{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.modern-checkbox-label:hover,.modern-radio-label:hover{background:#ffffff0f;border-color:#007bff4d}.modern-checkbox,.modern-radio{accent-color:#007bff;accent-color:var(--accent);height:20px;width:20px}.checkbox-text,.radio-text{color:#1a1a1a;color:var(--text-primary);font-size:14px}.signature-section-modern{background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;margin-bottom:24px;padding:24px}.signature-section-modern h2{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 20px}.saved-signature-modern{align-items:flex-start;display:flex;gap:20px}.signature-preview-modern{background:#fff;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;max-width:300px;padding:8px}.signature-details-modern{flex:1 1}.rep-name{font-size:16px;margin:0 0 4px}.rep-designation{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0 0 12px}.signed-badge{align-items:center;background:#51cf6626;border-radius:999px;color:#28a745;color:var(--success);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.signature-required-modern{text-align:center}.signature-info-text{color:#6c757d;color:var(--text-secondary);margin-bottom:20px}.signature-form-fields-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto 20px;max-width:500px}.form-group-modern{text-align:left}.form-group-modern label{color:#6c757d;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.sign-btn{min-width:180px}.form-actions-modern{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:space-between;padding-top:20px}.signature-modal-modern{max-width:700px}.signature-modal-modern .modal-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.signature-modal-modern .modal-header h3{align-items:center;display:flex;font-size:18px;gap:10px;margin:0}.close-btn{background:#0000;border:none;border-radius:8px;color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#1a1a1a;color:var(--text-primary)}.modal-subtitle{color:#6c757d;color:var(--text-secondary);margin:0 0 20px;text-align:center}.signature-canvas-container-modern{background:#fff;border-radius:12px;box-shadow:inset 0 2px 8px #0000001a;margin-bottom:20px;padding:16px}.signature-actions-modern{display:flex;gap:12px;justify-content:center}.question-item-compact .question-type-icon,.question-row-compact .question-type,.question-type-label,[data-question-type]:before{display:none!important}.questions-container-compact{gap:8px}.question-item-compact{margin-bottom:0;padding:10px 12px}.question-item-compact.required{padding-left:9px}.question-row-compact{margin-bottom:6px}.question-number-compact{flex-shrink:0;font-size:13px}.question-input-compact input,.question-input-compact textarea{font-size:14px;padding:8px 12px}.section-card{border-radius:10px;padding:12px 14px}.section-header-modern{margin-bottom:12px;padding-bottom:10px}.section-header-modern h2{font-size:16px;margin:0 0 4px}.section-description-modern{font-size:12px}.form-progress-modern{margin-bottom:12px}.progress-bar-modern{height:5px;margin-bottom:4px}.progress-text-modern{font-size:11px}.form-sections-nav-modern{margin-bottom:12px}.section-nav-btn-modern{font-size:12px;padding:6px 10px}.section-nav-btn-modern .section-number{font-size:10px;height:18px;width:18px}.section-nav-btn-modern .section-title{max-width:120px}.questions-container-compact{display:flex;flex-direction:column;gap:12px}.question-item-compact{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);padding:12px 16px}.question-item-compact:last-child{border-bottom:none}.question-item-compact.required{border-left:3px solid #dc3545;border-left:3px solid var(--danger);padding-left:13px}.question-row-compact{align-items:baseline;display:flex;gap:8px;margin-bottom:8px}.question-number-compact{color:#007bff;color:var(--accent);font-size:14px;font-weight:600;min-width:20px}.question-text-compact{color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin:0}.required-star{color:#dc3545;color:var(--danger);margin-left:2px}.question-input-compact{margin-left:28px}.section-card{background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;padding:16px}.section-header-modern{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding-bottom:12px}.section-header-modern h2{font-size:18px;font-weight:600;margin:0 0 6px}.section-description-modern{color:#6c757d;color:var(--text-secondary);font-size:13px;margin:0}.form-progress-modern{margin-bottom:16px}.progress-bar-modern{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill-modern{background:#007bff;background:var(--accent);border-radius:3px;height:100%;transition:width .3s ease}.progress-text-modern{color:#6c757d;color:var(--text-secondary);font-size:12px}.form-sections-nav-modern{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.section-nav-btn-modern{align-items:center;background:#ffffffd1;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.section-nav-btn-modern .section-number{font-size:11px;height:20px;width:20px}.section-nav-btn-modern .section-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.4071d5b3.css.map*/