@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,rgba(56,189,248,.15),transparent 40%),linear-gradient(180deg,#020617,#020617);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;color:#fff}.login-card{position:relative;width:100%;max-width:420px;padding:32px;border-radius:24px;background:#0f172abf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0a}.login-glow{position:absolute;top:-120px;right:-120px;width:260px;height:260px;background:radial-gradient(circle,rgba(56,189,248,.25),transparent 60%);filter:blur(60px);pointer-events:none}.login-logo{display:block;height:50px;width:auto;margin:0 auto 20px;filter:drop-shadow(0 0 8px rgba(255,255,255,.15))}.login-title{font-size:26px;font-weight:700;text-align:center;color:#fff;margin-bottom:6px;letter-spacing:-.5px}.login-subtitle{text-align:center;font-size:14px;color:#94a3b8;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:18px}.form-group label{font-size:13px;color:#cbd5f5;margin-bottom:6px;display:block}.form-group input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #334155;background:#020617cc;color:#fff;font-size:14px;outline:none;transition:all .25s ease}.form-group input::placeholder{color:#64748b}.form-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf859}.form-group input.invalid{border-color:#ef4444;box-shadow:0 0 0 1px #ef444433;background:#fef2f20d}.form-group input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444459}.error-message{display:block;margin-top:6px;font-size:12px;color:#fca5a5;animation:fadeIn .3s ease forwards}.response-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 12px;font-size:13px;border-radius:8px;text-align:center;margin-bottom:10px;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-btn{margin-top:8px;height:44px;border-radius:14px;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease}.login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-btn:disabled{background:#334155;color:#94a3b8;opacity:1;cursor:not-allowed;transform:none;filter:none}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:26px;font-size:12px;text-align:center;color:#64748b}.logo{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.status-cards{display:flex;gap:10px;position:relative;z-index:20}.status-card{background:#0003;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgb(255 255 255 / 20%);border-radius:0 0 20px 20px;padding:10px 15px;flex:1;width:320px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;display:flex;gap:10px;justify-content:space-between;align-items:center}.status-card:hover{border-color:#22c55e80;transform:translateY(-2px);box-shadow:0 15px 40px #0006}.status-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.status-card:hover:before{opacity:1}.card-header{text-align:center}.card-value{font-size:32px;font-weight:900;color:#fff;line-height:0}.card-indicator{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #22c55e80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-icon{font-size:24px;color:#22c55e}.card-title{font-size:14px;line-height:20px;font-weight:700}.card-subtitle{font-size:12px;color:#fff}.time-badge{display:inline-flex;align-items:center;gap:8px;background:#33415580;padding:8px 12px;border-radius:8px;font-size:14px;margin-top:12px}.progress-ring{width:56px;height:56px;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:5}.seprator-time{position:relative;width:100%;height:2px;background:#fff;margin:0 0 4px}.weekly-hours-container{background:#1e1e2e;color:#fff;padding:24px;border-radius:10px;width:280px;text-align:center;box-shadow:0 0 10px #0000004d;margin:auto}.weekly-title{font-size:18px;font-weight:600;margin-bottom:16px}.weekly-hours{font-size:42px;font-weight:700;margin-bottom:12px}.weekly-hours.ok{color:#48d05f}.weekly-hours.low{color:#f5c542}.update-time{color:#bbb;font-size:13px}.refresh-btn{background:#333;border:none;color:#fff;padding:8px 14px;border-radius:6px;margin-top:10px;cursor:pointer;transition:.3s ease}.refresh-btn:hover{background:#444}.spinner{border:5px solid rgba(255,255,255,.2);border-top:5px solid #4caf50;border-radius:50%;width:28px;height:28px;margin:20px auto;animation:spin 1s linear infinite}.weekly-container{background:#1e1e2e;color:#fff;padding:20px;border-radius:12px;width:420px;box-shadow:0 0 10px #0000004d;margin:auto}.weekly-layout{display:flex;align-items:center;justify-content:space-between;gap:16px}.weekly-left{display:flex;flex-direction:column;align-items:flex-start}.weekly-value{font-size:28px;font-weight:700;color:#3cf916;line-height:1;margin:0}.weekly-value.ok{color:#48d05f}.weekly-value.low{color:#ff6b6b}.weekly-label{font-size:13px;color:#aaa;margin-top:6px}.weekly-chart{width:180px;height:80px;padding:0 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;background:transparent;box-sizing:border-box}.chart-col{width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.col-inner{height:54px;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;box-sizing:border-box}.col-bar{width:14px;border-radius:8px 8px 4px 4px;transition:height .24s ease,background .24s ease;box-shadow:0 1px #ffffff08 inset;background:linear-gradient(180deg,#2ce08a,#17a85a)}.col-bar.green{background:linear-gradient(180deg,#2ce08a,#17a85a)}.col-bar.orange{background:linear-gradient(180deg,#ffb56b,#ff8a00)}.col-bar.red{background:linear-gradient(180deg,#ff6b6b,#e53935)}.col-dot{position:absolute;top:-8px;width:10px;height:10px;border-radius:50%;background:#ffffff0f;box-shadow:0 2px 6px #00000059}.col-label{margin-top:6px;font-size:11px;color:#ddd;text-align:center;line-height:1}.spinner{border:4px solid rgba(255,255,255,.2);border-top:4px solid #4caf50;border-radius:50%;width:48px;height:48px;margin:40px auto;animation:spin 1s linear infinite}@media(max-width:420px){.weekly-container{width:100%;padding:14px}.weekly-chart{width:150px;height:70px}.chart-col{width:18px}.col-inner{height:46px}}.display-none{display:none}.calendar-icon-style.calender-icon{font-size:40px;color:#30e0a1;height:40px}.calendar-icon-style.bimcoin-icon{font-size:45px;color:#fa0;height:45px}.calendar-icon-style.bell-icon{font-size:38px;color:#fff;height:38px}.calendar-soft-glow-icon{filter:drop-shadow(0 0 6px #30E0A199);transition:filter .3s ease}.bimcoin-soft-glow-icon{filter:drop-shadow(0 0 6px #FFAA0099);transition:filter .3s ease}.bell-soft-glow-icon{filter:drop-shadow(0 0 6px rgba(223,55,55,.6));transition:filter .3s ease}:root{--glass-bg: rgba(15, 23, 42, .85);--glass-bg-light: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--accent-primary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 50%, #ec4899 100%);--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--danger-color: #f43f5e;--success-color: #10b981;--shadow-glow: 0 0 40px rgba(139, 92, 246, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3)}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0f172a33,#0003);display:flex;justify-content:center;align-items:center;z-index:999;backdrop-filter:blur(5px) saturate(100%);-webkit-backdrop-filter:blur(8px) saturate(100%);animation:overlayFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}}.notification-modal-centered{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:24px;width:100%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-card),var(--shadow-glow),inset 0 1px #ffffff1a;animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--glass-border);position:relative}.notification-modal-centered:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary);opacity:.8;z-index:1}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:linear-gradient(180deg,#1e293be6,#0f172af2);border-bottom:1px solid var(--glass-border);position:relative}.header-content{display:flex;align-items:center;gap:14px}.modal-header h4{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;background:linear-gradient(135deg,var(--accent-pink) 0%,#f97316 100%);color:#fff;font-size:13px;font-weight:800;border-radius:14px;box-shadow:0 4px 16px #ec489966,inset 0 1px #fff3;animation:badgePulse 2.5s ease-in-out infinite;position:relative;margin-left:0}.unread-badge:after{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(135deg,var(--accent-pink),#f97316);opacity:0;z-index:-1;animation:badgeGlow 2.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes badgeGlow{0%,to{opacity:0;filter:blur(8px)}50%{opacity:.5;filter:blur(12px)}}.mark-all-btn{padding:10px 18px;font-size:12px;font-weight:600;color:var(--accent-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;text-transform:uppercase}.mark-all-btn:hover{background:#06b6d433;border-color:#06b6d480;box-shadow:0 0 20px #06b6d433;transform:translateY(-1px)}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.close-btn:hover{background:#f43f5e26;border-color:#f43f5e4d;color:var(--danger-color);transform:rotate(90deg) scale(1.05)}.notification-tabs{display:flex;gap:0;padding:0;background:#0f172a99;border-bottom:1px solid var(--glass-border);position:relative}.tab-btn{flex:1;padding:16px 24px;font-size:14px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;letter-spacing:.5px;text-transform:uppercase}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:var(--accent-primary);border-radius:3px 3px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-secondary);background:#ffffff08}.tab-btn.active{color:var(--text-primary);background:#8b5cf614}.tab-btn.active:after{transform:translate(-50%) scaleX(1)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;border-radius:11px;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--accent-purple) 100%);color:#fff;box-shadow:0 2px 8px #ec48994d}.tab-count.read-count{background:linear-gradient(135deg,var(--text-muted) 0%,#475569 100%);box-shadow:0 2px 8px #64748b33}.filters-row{display:flex;flex-wrap:wrap;gap:20px;padding:16px 28px;background:#0f172a80;border-bottom:1px solid var(--glass-border)}.filter-group{display:flex;align-items:center;gap:10px}.filter-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.channel-select{min-width:160px;max-width:220px;padding:10px 36px 10px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:#1e293bcc;border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .25s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.channel-select option{background:#1e293b;color:var(--text-primary);padding:10px}.channel-select:hover{border-color:#8b5cf666;background-color:#1e293bf2}.channel-select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf633,0 0 20px #8b5cf61a}.date-inputs{display:flex;align-items:center;gap:8px}.date-input{padding:9px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:#1e293bcc;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .25s ease;max-width:140px;color-scheme:dark}.date-input:hover{border-color:#8b5cf666}.date-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf633}.date-separator{color:var(--text-muted);font-size:14px;font-weight:500}.clear-date-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:12px;color:var(--text-muted);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .25s ease}.clear-date-btn:hover{color:var(--danger-color);background:#f43f5e26;border-color:#f43f5e4d}.modal-body{flex:1;padding:20px 24px;overflow-y:auto;scroll-behavior:smooth;background:linear-gradient(180deg,#0f172a4d,#0f172a80);height:70vh}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-purple) 0%,var(--accent-cyan) 100%);border-radius:10px;opacity:.6}.modal-body::-webkit-scrollbar-thumb:hover{opacity:1;box-shadow:0 0 10px #8b5cf680}.modal-body{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.6) rgba(255,255,255,.02)}.notif-item{padding:18px 20px;margin-bottom:14px;border-radius:16px;background:linear-gradient(135deg,#1e293b99,#0f172acc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 20px #0003;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.notif-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-primary);transform:scaleY(0);transform-origin:top;transition:transform .35s cubic-bezier(.4,0,.2,1);border-radius:4px 0 0 4px}.notif-item:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(139,92,246,.1) 0%,transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.notif-item:hover{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:var(--glass-border-hover);box-shadow:0 8px 32px #0000004d,0 0 30px #8b5cf614;transform:translateY(-2px) translate(4px)}.notif-item:hover:before{transform:scaleY(1)}.notif-item:hover:after{opacity:1}.notif-item:last-child{margin-bottom:0}.notif-item:nth-child(1){animation:cardSlideIn .4s .05s both}.notif-item:nth-child(2){animation:cardSlideIn .4s .1s both}.notif-item:nth-child(3){animation:cardSlideIn .4s .15s both}.notif-item:nth-child(4){animation:cardSlideIn .4s .2s both}.notif-item:nth-child(5){animation:cardSlideIn .4s .25s both}.notif-item:nth-child(n+6){animation:cardSlideIn .4s .3s both}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.notif-item-read{opacity:.6;cursor:default}.notif-item-read:before{background:linear-gradient(180deg,var(--text-muted) 0%,#475569 100%)}.notif-item-read:hover{transform:none;box-shadow:0 4px 20px #0003}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.notif-title{font-weight:700;font-size:14px;color:var(--text-primary);letter-spacing:.2px;flex:1;word-break:break-word;line-height:1.4}.notif-time{font-size:11px;font-weight:600;color:var(--text-muted);background:#ffffff0d;border:1px solid var(--glass-border);padding:5px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notif-msg{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;font-weight:400}.notif-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--glass-border);display:flex;align-items:center}.mark-read-label{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s ease}.mark-read-label:hover .mark-read-hint{color:var(--accent-cyan)}.mark-checkbox{width:18px;height:18px;accent-color:var(--accent-cyan);cursor:pointer;border-radius:4px}.mark-read-hint{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.3px;transition:color .25s ease}.delete-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;color:var(--danger-color);background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);border-radius:10px;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.delete-btn:hover{background:#f43f5e33;border-color:#f43f5e80;box-shadow:0 0 20px #f43f5e33;transform:translateY(-1px)}.delete-btn span{font-size:11px;text-transform:uppercase}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:24px;animation:fadeIn .4s ease-out}.spinner{width:52px;height:52px;border:4px solid rgba(139,92,246,.15);border-top:4px solid var(--accent-cyan);border-right:4px solid var(--accent-purple);border-bottom:4px solid var(--accent-pink);border-radius:50%;animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 30px #8b5cf64d,inset 0 0 20px #06b6d41a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-msg{font-size:15px;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}.loading-msg:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.empty-msg{font-size:15px;color:var(--text-muted);text-align:center;padding:80px 24px;font-weight:500;letter-spacing:.3px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.notification-modal-centered{max-width:92%;max-height:85vh;border-radius:20px}.modal-header{padding:18px 20px}.modal-header h4{font-size:18px}.notification-tabs{padding:0}.tab-btn{padding:14px 16px;font-size:12px}.filters-row{padding:14px 20px;gap:14px}.channel-select{min-width:130px;max-width:180px;font-size:12px;padding:9px 32px 9px 12px}.modal-body{max-height:calc(85vh - 180px);padding:16px 18px}.notif-item{padding:14px 16px;margin-bottom:12px;border-radius:14px}.notif-title{font-size:13px}.notif-msg{font-size:12px}.notif-time{font-size:10px;padding:4px 10px}.close-btn{width:38px;height:38px;font-size:16px}}@media(max-width:480px){.notification-modal-centered{max-width:96%;max-height:92vh;border-radius:18px;margin:16px}.modal-header{padding:16px;flex-wrap:wrap;gap:12px}.modal-header h4{font-size:16px}.mark-all-btn{padding:8px 14px;font-size:10px}.unread-badge{min-width:24px;height:24px;font-size:11px}.tab-btn{padding:12px 10px;font-size:11px;gap:6px}.tab-count{min-width:18px;height:18px;font-size:10px}.filters-row{padding:12px 16px;gap:12px;flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.channel-select{min-width:100%;max-width:100%}.date-inputs{flex-wrap:wrap;gap:6px}.date-input{flex:1;min-width:100px}.modal-body{max-height:calc(92vh - 240px);padding:12px 14px}.notif-item{padding:12px 14px;margin-bottom:10px;border-radius:12px}.notif-title{font-size:12px}.notif-msg{font-size:11px;line-height:1.6}.notif-time{font-size:9px;padding:3px 8px}.close-btn{width:34px;height:34px;font-size:14px;border-radius:10px}.loading-container{padding:50px 16px}.spinner{width:44px;height:44px}.loading-msg{font-size:13px}.empty-msg{padding:50px 16px;font-size:13px}}@media print{.notification-overlay{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.notification-modal-centered{box-shadow:none;border:1px solid #e5e7eb;background:#fff}.modal-header{background:#f8fafc;color:#1f2937}.modal-header h4{-webkit-text-fill-color:#1f2937;background:none}.notif-item{background:#f8fafc;border:1px solid #e5e7eb;page-break-inside:avoid}.notif-title{color:#1f2937}.notif-msg{color:#4b5563}}@media(prefers-reduced-motion:reduce){.notification-overlay,.notification-modal-centered,.notif-item,.spinner,.unread-badge,.tab-btn:after{animation:none;transition:none}.notif-item:hover,.close-btn:hover{transform:none}}.notif-msg a{color:#8888ec}.notif-msg a:hover{color:#eaeaee}.notif-msg a:visited{color:#8888ec}.task-counters-container{display:flex;gap:15px;width:100%;flex-wrap:wrap;animation:fadeIn .6s ease-out;justify-content:center;align-items:flex-start;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-counter-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;animation:fadeIn .6s ease-out}.task-counter-card{flex:0 0 auto;width:60px;height:60px;padding:0;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.task-counter-card:hover{box-shadow:0 12px 32px #0000002e;border-color:#fff9}.task-counter-card.today{border:2px solid #ff8f00;box-shadow:0 1px 4px #ff9100a8}.task-counter-card.week{border:2px solid #48cca1;box-shadow:0 1px 4px #47cba0b5}.task-counter-card.week:hover{background-color:#30e0a280;border:2px solid #48cca1;box-shadow:0 1px 4px #47cba0b5}.task-counter-card.today:hover{background-color:#ff910080;border:2px solid #ff8f00;box-shadow:0 1px 4px #ff9100a8}.task-counter-card.overdue:hover{background-color:#e23f0d79;border:2px solid #e23f0d;box-shadow:0 1px 4px #e23f0da8}.task-counter-wrapper:hover .task-counter-label{color:#fff!important}.task-counter-card.overdue{border:2px solid #e23f0d;box-shadow:0 1px 4px #e23f0da8}.counter-content{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;height:100%}.counter-value{margin:0;font-size:32px;font-weight:900;line-height:1;letter-spacing:-.5px;transition:all .3s ease}.task-counter-card.today .counter-value,.task-counter-card.week .counter-value,.task-counter-card.overdue .counter-value{color:#fff}.task-counter-card:hover .counter-value{font-size:32px}.task-counter-label{font-size:10px;font-weight:600;color:#868588;text-transform:uppercase;transition:all .3s ease;display:block;white-space:nowrap;text-align:center;text-transform:capitalize}@media(max-width:1200px){.task-counters-container{gap:18px}.task-counter-card{width:75px;height:75px}.counter-value{font-size:22px}}@media(max-width:768px){.task-counters-container{gap:16px}.task-counter-card{width:70px;height:70px}.counter-value{font-size:20px}.task-counter-label{font-size:8px}}@media(max-width:480px){.task-counters-container{gap:16px;flex-direction:row}.task-counter-card{width:65px;height:65px}.counter-value{font-size:18px}.task-counter-label{font-size:8px}}.task-counter-card.loading{opacity:.6;pointer-events:none;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.task-counter-card:focus-within{outline:2px solid #2196f3;outline-offset:2px}.task-tooltip-container{min-width:280px;max-width:360px}.task-tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.task-tooltip-icon{font-size:20px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.task-tooltip-title{flex:1;font-size:14px;font-weight:600;color:#fff;letter-spacing:.4px;text-transform:none}.task-tooltip-count{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;border-radius:14px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 3px 10px #00000059,inset 0 1px #fff3}.task-tooltip-divider{height:3px;width:100%;border-radius:2px;opacity:.7;margin-bottom:14px;background:linear-gradient(90deg,currentColor,transparent)}.task-tooltip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.task-tooltip-item{display:flex;align-items:stretch;gap:10px;padding:10px 12px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease;margin:0}.task-tooltip-item:hover{background:#ffffff14;border-color:#ffffff1f;transform:translate(3px)}.task-tooltip-item-marker{width:3px;min-height:36px;border-radius:2px;flex-shrink:0}.task-tooltip-item-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;justify-content:center}.task-tooltip-item-title{font-size:13px;font-weight:500;color:#f5f5f5;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:.2px}.task-tooltip-item-deadline{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#a1a1aa;background:#ffffff0d;padding:4px 8px;border-radius:6px;width:fit-content}.deadline-icon{font-size:11px;opacity:.9}.task-tooltip-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:#ffffff08;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.task-tooltip-empty .empty-icon{font-size:20px}.task-tooltip-empty span:last-child{font-size:12px;color:#a1a1aa;font-weight:500}:root{--tp-glass-bg: rgba(20, 20, 25, .85);--tp-glass-border: rgba(255, 255, 255, .08);--tp-primary-accent: #3b82f6;--tp-danger-accent: #ef4444;--tp-text-primary: #ffffff;--tp-text-secondary: #9ca3af;--tp-text-muted: #6b7280;--tp-hover-bg: rgba(255, 255, 255, .05);--tp-shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, .7);--tp-transition: all .2s cubic-bezier(.16, 1, .3, 1)}.profile-wrapper{position:relative;font-family:Inter,system-ui,-apple-system,sans-serif;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.profile-btn{background:transparent;border:1px solid transparent;padding:6px 12px 6px 6px;border-radius:40px;cursor:pointer;transition:var(--tp-transition);color:var(--tp-text-primary)}.profile-img-container{position:relative;width:50px;height:50px}.profile-img-container img{width:100%;height:100%;border-radius:15%;object-fit:cover;border:2px solid rgb(255 255 255 / 15%);box-shadow:0 2px 8px #0000004d}.status-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#10b981;border:2px solid #1f1f23;border-radius:50%;box-shadow:0 0 0 1px #0003}.status-indicator.inactive{background-color:#9ca3af}.profile-btn-info{display:flex;align-items:center;gap:8px}.profile-name-short{font-size:14px;font-weight:500;color:var(--tp-text-primary);display:none}@media(min-width:768px){.profile-name-short{display:block}}.chevron-icon{font-size:16px;color:var(--tp-text-secondary);transition:transform .3s ease}.chevron-icon.rotate{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:var(--tp-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--tp-glass-border);border-radius:16px;box-shadow:var(--tp-shadow-lg);padding:8px;transform-origin:top right;animation:dropdownEnter .2s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:12px 16px}.header-info{display:flex;flex-direction:column}.user-email{font-size:14px;font-weight:500;color:var(--tp-text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.user-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:fit-content}.role-admin{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.role-supervisor{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.role-employee{background:#9ca3af26;color:#d1d5db;border:1px solid rgba(156,163,175,.2)}.dropdown-divider{height:1px;background:var(--tp-glass-border);margin:4px 8px}.dropdown-body{padding:4px 0}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;color:var(--tp-text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left}.menu-item:hover{background:var(--tp-hover-bg);color:var(--tp-text-primary)}.menu-icon{font-size:18px;opacity:.8}.dropdown-footer{padding:4px 0 0}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;color:var(--tp-danger-accent);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left}.logout-btn:hover{background:#ef44441a}.menu-item-danger{color:var(--tp-danger-accent)}.menu-item-danger:hover{background:#ef44441a;color:var(--tp-danger-accent)}.header{display:flex;justify-content:center;gap:20px;margin-bottom:24px;align-items:stretch;position:relative;width:100%;top:0;z-index:30}.landing-page{position:relative;width:100%;height:100vh;pointer-events:none}.landing-page *{pointer-events:auto}.gap-2{gap:2px}.gap-3{gap:3px}.gap-4{gap:4px}.gap-5{gap:5px}.main-grid{display:flex;justify-content:center;gap:10px;width:100%;margin:0 auto;position:fixed;left:0;right:0;bottom:0;z-index:10;transform:translateY(38%);transition:transform .35s ease-out}.main-grid:hover{transform:translateY(0)}.card{background:linear-gradient(145deg,#1e293bb3,#0f172acc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:20px;box-shadow:0 20px 50px #0006;width:320px;position:relative;height:380px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(71,85,105,.8) rgba(30,41,59,.3)}.card::-webkit-scrollbar{width:8px}.card::-webkit-scrollbar-track{background:#1e293b4d;border-radius:10px;margin:5px}.card::-webkit-scrollbar-thumb{background:#475569cc;border-radius:10px;border:2px solid rgba(30,41,59,.3)}.card::-webkit-scrollbar-thumb:hover{background:#64748be6}.card-title-main{text-align:center;font-size:20px;font-weight:600;margin-bottom:24px;transition:all .3s ease}.popular-courses-section{display:flex;gap:5px;margin-bottom:20px}.circular-chart{width:120px;height:120px;position:relative;flex-shrink:0}.circular-chart svg{transform:rotate(-90deg)}.chart-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.chart-trend{display:flex;align-items:center;gap:4px;color:#10b981;font-size:14px;font-weight:600}.chart-trend i{font-size:12px}.course-list{flex:1;display:flex;flex-direction:column;gap:8px}.course-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0;cursor:pointer;transition:all .3s ease;gap:0px}.course-item:hover{transform:translate(4px)}.course-info{display:flex;flex-direction:column;gap:2px}.course-name{font-size:14px;font-weight:600;color:#fff}.course-category{font-size:12px;color:#94a3b8}.course-growth{font-size:12px;color:#22c55e;font-weight:600;display:flex;align-items:center;gap:4px}.course-growth i{font-size:10px}.divider{width:100%;height:1px;background:#47556980;margin:20px 0}.stats-section{display:flex;flex-direction:column;gap:16px}.stats-row{display:flex;align-items:center;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#fff}.stat-separator{width:1px;height:40px;background:#47556980}.my-courses{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:auto}.course-icons{display:flex;gap:0px}.course-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d;margin-left:-5px;border:2px solid #3162c4;background-color:#fff}.course-icon svg{color:#000}.my-courses-label{font-size:12px;color:#fff;font-weight:400}.active-users{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.user-avatars{display:flex;gap:-4px}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #1e293b;margin-left:-4px;box-shadow:0 2px 8px #0000004d;margin-right:-5px}.active-users-label{font-size:12px;color:#fff}.project-item{margin-bottom:15px;border-bottom:2px solid #ffffff26;padding-bottom:10px}.project-name{font-size:14px;font-weight:400;margin-bottom:8px;display:flex;align-items:center;border-bottom:2px solid #ffffff26;padding-bottom:8px}.project-card{display:flex;justify-content:space-between;gap:8px}.project-card-header{text-align:center;display:flex;flex-direction:column;gap:5px}.warning-count{font-size:24px;font-weight:600;color:#ffffffe8;margin-bottom:4px;border:2px solid #F7931A;padding:8px 24px;border-radius:3px;background:#f7931a40;width:130px}.warning-label{font-size:12px;color:#fff}.project-stats{display:flex;gap:8px}.project-stat{flex:1;text-align:center}.stat-badge{width:56px;height:56px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 8px;box-shadow:0 4px 15px #a855f74d}.profile-card{background:#fff;overflow:hidden;box-shadow:0 10px 30px #0006;height:375px;display:flex;flex-direction:column}.profile-image-section{flex:1;background-image:linear-gradient(to bottom,gray,gray,gray,gray,gray,gray,#808080f2,#808080d1,#808080ab,#8080807a,#8080805c,#8080805c);padding:20px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.profile-title{text-align:center;font-size:20px;font-weight:600;transition:all .3s ease}.profile-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;bottom:0}.profile-photo{width:250px;height:250px}.profile-info-section{padding:15px 20px;text-align:center;display:flex;flex-direction:column;min-height:100px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:5px}.profile-role{font-size:14px;color:#9ca3af;font-weight:500}.it-card{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.3)}.help-section{margin-bottom:20px}.section-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#fff}.submit-ticket-btn{width:100%;background:#000;border:1px solid #ffffff;color:#fff;padding:10px;border-radius:3px;font-size:12px;font-weight:400;cursor:pointer;transition:all .3s ease}.submit-ticket-btn:hover{background:#1f2937;transform:scale(1.02)}.software-section{margin-bottom:20px}.software-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:12px}.software-btn{background:#000;border:1px solid #ffffff;color:#fff;padding:10px;border-radius:3px;font-size:12px;font-weight:400;cursor:pointer;transition:all .3s ease}.software-btn:hover{background:#1f2937;transform:scale(1.05)}.dynamo-left{flex:1}.legend{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.legend-color{width:12px;height:12px;border-radius:2px}.most-recent{margin-top:16px}.most-recent-title{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:8px}.recent-profiles{display:flex;gap:-4px}.recent-profile{width:24px;height:24px;border-radius:50%;border:2px solid #1e293b;margin-left:-4px;box-shadow:0 2px 8px #0000004d}.recent-profile:first-child{margin-left:0}.dynamo-chart{width:120px;height:120px;position:relative;flex-shrink:0}.dynamo-chart svg{transform:rotate(-90deg)}.chart-percentage{font-size:24px;font-weight:700;color:#fff}.library-item{display:flex;align-items:center;gap:8px;background:#33415580;padding:8px 12px;border-radius:8px;margin-bottom:8px}.library-dot{width:12px;height:12px;background:#ec4899;border-radius:2px;box-shadow:0 0 10px #ec489980}.gauge-container{margin-top:16px;background:#3341554d;padding:16px;border-radius:16px}.gauge{width:100%;height:112px}.back-square{width:60px;height:60px;top:8px;left:8px;transform:rotate(0)}.front-square{width:60px;height:60px;top:0;left:0;display:flex;align-items:center;justify-content:center;transform:rotate(0)}.plus-sign{color:#fff;font-size:24px;font-weight:700;line-height:1}.main-grid .card .profile-title:hover{color:#3cf916;cursor:pointer;transform:scale(1.05);transition:all .3s ease}@media(max-width:1600px){.main-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.main-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-grid{grid-template-columns:1fr}.header,.status-cards{flex-direction:column}}.knowledgebase-card{border:1px solid rgba(71,85,105,.15);border-radius:15px 15px 0 0;padding:15px;color:#f3f4f6;box-shadow:0 8px 32px #02061766;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:320px}.kb-header{margin-bottom:24px}.kb-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.3px;text-align:center}.kb-title a{color:#fff;text-decoration:none;transition:color .2s ease}.kb-title a:hover{color:#bfdbfe}.kb-section-title{font-size:14px;font-weight:700;color:#fff;margin:0 0 16px;text-transform:capitalize}.kb-section{margin-bottom:15px}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.course-card{display:flex;flex-direction:column;gap:8px}.course-card-image{width:50px;height:50px;border-radius:8px;background-size:cover;background-position:center;background-color:#47556933;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover .course-label{color:#fff}.course-lessons{font-size:10px;color:#94a3b8;margin:0}.course-icon-box{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;border:2px solid rgba(255,255,255,.1)}.course-icon-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.course-icon-box.navisworks{background:linear-gradient(135deg,#1e40af,#3b82f6)}.course-icon-box.revit{background:linear-gradient(135deg,#2563eb,#60a5fa)}.course-icon-box.fuzzer{background:linear-gradient(135deg,#ea580c,#fb923c)}.course-icon-box.add-btn{background:transparent;border:1px dashed rgba(255,255,255,.3);font-size:24px;color:#ffffff80}.course-icon-box.add-btn:hover{border-color:#fff9;color:#fffc}span.add-icon{height:24px}.course-label{font-size:12px;font-weight:500;margin:0;color:#868588;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-progress-bar{width:100%;height:10px;background:#545155;border-radius:10px;overflow:hidden;margin:3px 0 0}.progress-fill{height:100%;border-radius:10px;transition:width .5s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat-box{padding:16px;border-radius:8px;text-align:center;border:1px solid rgba(71,85,105,.2);background:#0f172a80;height:95px}.stat-box.completed,.stat-box.assigned{background:#ffffff1a}.stat-number{font-size:32px;font-weight:900;line-height:1;margin:0;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-box.assigned .stat-number{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:#fff;margin-top:10px}.section-with-avatars{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background-color:#ffffff1a;border-radius:8px;height:95px;justify-content:center}.avatar-group{display:flex;align-items:center;gap:-8px;position:relative}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;position:relative;z-index:1;margin-left:-8px;background-size:cover;background-position:center;background-color:#4755694d}.avatar.course-avatar,.avatar.user-avatar{font-size:0}.avatar:first-child{margin-left:0}.avatar-more{width:32px;height:32px;border-radius:50%;background:#475569;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#cbd5e1;margin-left:-8px;z-index:1;position:relative;cursor:pointer}.avatar-more-wrapper{position:relative;display:inline-block}.avatar-more-tooltip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);min-width:160px;max-width:320px;max-height:180px;overflow:auto;background:#0f172afa;color:#e6eef8;border-radius:8px;box-shadow:0 8px 24px #02061799;padding:8px 10px;font-size:13px;line-height:1.3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility .16s ease,transform .16s ease;transform-origin:bottom center;z-index:50}.avatar-more-wrapper:hover .avatar-more-tooltip,.avatar-more-wrapper:focus-within .avatar-more-tooltip{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-4px)}.avatar-more-item{padding:6px 4px;border-bottom:1px dashed rgba(255,255,255,.04);color:#dbeafe}.avatar-more-item:last-child{border-bottom:none}.avatar-more-tooltip::-webkit-scrollbar{width:8px;height:8px}.avatar-more-tooltip::-webkit-scrollbar-thumb{background:#3b82f62e;border-radius:8px}.avatar-label{font-size:12px;color:#fff;margin-top:5px;text-align:center}.become-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(71,85,105,.15)}.enrollment-buttons{display:flex;flex-direction:column;gap:5px}.enrollment-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid rgb(148 157 169 / 20%);border-radius:8px;transition:background .2s ease,border-color .2s ease}.enrollment-item:hover{background:#1e293bcc;border-color:#4755694d}.enrollment-title{font-size:14px;font-weight:700;color:#fff}.enroll-btn{padding:10px 15px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.enroll-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.enroll-btn:active{transform:translateY(0)}@media(max-width:480px){.knowledgebase-card{padding:16px}.courses-grid{grid-template-columns:repeat(3,1fr)}.kb-title{font-size:18px}}.no-active-courses{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px;min-width:220px;box-sizing:border-box}.no-courses-message strong{display:block;font-size:14px;margin-bottom:6px}.no-courses-sub{margin:0;font-size:12px;color:#9ca3af}.btn{padding:8px 12px;border-radius:6px;border:none;cursor:pointer;text-decoration:none;display:inline-block;font-size:13px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-ghost{background:transparent;color:#111827;border:1px solid rgba(0,0,0,.06)}.project-dashboard{background:linear-gradient(180deg,#071024,#071827);padding:18px;border-radius:12px;color:#e6eef8;display:flex;flex-direction:column;height:100%}.project-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:15px;text-align:center}.dashboard-body{margin-top:6px}.pd-loading,.pd-empty{color:#93c5fd}.pd-error{color:#fb7185}.projects-grid{display:flex;flex-direction:column;gap:10px}.query-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.qd-input,.qd-select{padding:8px 10px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:#fff}.qd-size{width:90px}.qd-checkbox{color:#d1d5db;font-size:13px;display:flex;align-items:center;gap:6px}.qd-btn{padding:8px 12px;background:#2563eb;color:#fff;border-radius:6px;border:none;cursor:pointer}.qd-btn:active{transform:translateY(1px)}.project-card{padding:5px 0 0;position:relative;overflow:visible;z-index:1}.project-card-header{margin-bottom:5px;text-align:left}.project-card-title{font-size:14px;color:#fff;margin:0 0 4px;font-weight:600}.project-last-active{font-size:11px;color:#868588;font-weight:400;margin-top:2px}.counters-row{display:flex;gap:10px;align-items:center}.counter{flex:1;text-align:center;width:65px}.circle{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 6px 18px #02061799;background:#ffffff05;border:2px solid rgba(255,255,255,.06)}.circle .circle-value{font-size:15px;font-weight:900;color:#fff}.counter-label{font-size:10px;font-weight:600;color:#868588;text-transform:uppercase;transition:all .3s ease;display:block;white-space:nowrap;text-align:center;text-transform:capitalize}.project-sep{border:none;border-top:1px solid rgb(255 255 255 / 7%);margin-top:12px}.circle.critical{border-color:#e23f0d;background:linear-gradient(180deg,#ff44440f,#ff444405);box-shadow:0 1px 4px #e23f0dad;cursor:pointer}.circle.critical:hover{background:#e23f0d80;box-shadow:0 1px 4px #e23f0dad}.counter:hover .counter-label{color:#fff}.circle.opens{border-color:#3db2ff;background:linear-gradient(180deg,#3db2ff0f,#3db2ff05);box-shadow:0 1px 4px #3db2ffad}.circle.opens:hover{background:#3db2ff80}.circle.size{border-color:#ff9f1c;background:linear-gradient(180deg,#ff9f1c0f,#ff9f1c05);box-shadow:0 1px 4px #ff9f1cad}.circle.size:hover{background:#ff9f1c80}.circle.purge{border-color:#34d399;background:linear-gradient(180deg,#34d3990f,#34d39905);box-shadow:0 1px 4px #34d399ad}.circle.purge:hover{background:#34d39980}.circle.value-green{border-color:#34d399;background:linear-gradient(180deg,#34d3990f,#34d39905);box-shadow:0 1px 4px #34d399ad}.circle.value-green:hover,.circle.critical.value-green:hover,.circle.purge.value-green:hover,.circle.size.value-green:hover{border-color:#22c55e!important;background:#34d39980;box-shadow:0 0 14px #22c55e73}.circle.value-orange{border-color:#ff9f1c;background:linear-gradient(180deg,#ff9f1c0f,#ff9f1c05);box-shadow:0 1px 4px #ff9f1cad}.circle.value-orange:hover,.circle.critical.value-orange:hover,.circle.purge.value-orange:hover,.circle.size.value-orange:hover{border-color:#f59e0b!important;background:#ff9f1c80;box-shadow:0 0 14px #f59e0b73}.circle.value-red{border-color:#e23f0d;background:linear-gradient(180deg,#ff44440f,#ff444405);box-shadow:0 1px 4px #e23f0dad}.circle.value-red:hover,.circle.critical.value-red:hover,.circle.purge.value-red:hover,.circle.size.value-red:hover{border-color:#ef4444!important;background:#e23f0d80;box-shadow:0 0 16px #ef44448c}@media(max-width:680px){.counters-row{gap:8px}.circle{width:44px;height:44px;border-width:2px}.circle .circle-value{font-size:12px}.project-name{font-size:14px}}.combined-list{margin-top:20px;padding:12px;background:#ffffff03;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.combined-title{color:#e6eef8;margin:0 0 8px;font-size:16px}.combined-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.combined-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:linear-gradient(180deg,#ffffff03,#00000005);border-radius:6px}.ci-left{display:flex;flex-direction:column}.ci-name{color:#fff;font-weight:700}.ci-meta{color:#9aa7bf;font-size:12px}.ci-right{display:flex;gap:8px;align-items:center}.badge{padding:6px 8px;border-radius:999px;color:#fff;font-weight:700;font-size:13px}.badge.severity.high{background:#ef4444}.badge.severity.med{background:#f59e0b}.badge.opens{background:#2563eb}.qd-btn{padding:8px 12px;background:#10b9814a;color:#fff;border-radius:3px;border:none;cursor:pointer;border:1px solid #058d05}.project-dashboard{background:#0b1220;color:#e5e7eb;border-radius:14px;padding:18px;box-shadow:0 12px 40px #00000073;font-family:Inter,system-ui,sans-serif}.card-title-main{font-size:20px;font-weight:600;margin-bottom:16px}.card-title-link{color:#38bdf8;text-decoration:none}.pd-loading,.pd-empty{color:#9ca3af;font-size:14px;padding:8px 0}.pd-error{color:#f87171;font-size:14px}.query-row{display:flex;gap:10px;margin-bottom:18px}.qd-input{flex:1;background:#020617;border:1px solid #1f2937;border-radius:8px;padding:10px 12px;color:#e5e7eb}.qd-input::placeholder{color:#6b7280}.qd-btn{background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;color:#020617;padding:10px 14px;border-radius:8px;font-weight:600;cursor:pointer}.qd-btn:hover{opacity:.9}.projects-grid{display:grid;gap:18px}.project-card-header{margin-bottom:6px}.project-card-title{font-size:16px;font-weight:600;color:#f8fafc;margin:0 0 4px}.project-last-active{font-size:12px;color:#9ca3af;font-weight:400;margin-top:2px}.counters-row{display:flex;gap:10px;margin-bottom:14px;align-items:center;justify-content:flex-start}.counter{text-align:center;min-width:65px;flex:0 0 auto}.counter-label{font-size:12px;color:#9ca3af;margin-top:6px}.circle{position:relative;width:64px;height:64px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;background:#020617;border:2px solid #1f2937;box-shadow:inset 0 0 12px #0009}.circle[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);background:#020617f2;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:60;box-shadow:0 6px 18px #02061799}.circle[data-tooltip]:hover:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 4px);border-width:6px;border-style:solid;border-color:rgba(2,6,23,.95) transparent transparent transparent;z-index:60}.circle .tooltip-content{display:none;position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);background:#020617fa;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;white-space:normal;z-index:10050;pointer-events:auto;min-width:220px;box-shadow:0 12px 36px #020617b3}.circle .tooltip-content .tt-file{font-weight:700;margin-bottom:6px}.circle:hover,.circle:focus{z-index:10051}.circle .tooltip-content .tt-row{color:#cbd5e1;font-size:12px;margin:2px 0}.circle:hover .tooltip-content,.circle:focus .tooltip-content{display:block}.circle-value{z-index:2}.value-green{border-color:#22c55e;color:#22c55e;box-shadow:0 0 14px #22c55e73}.value-orange{border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 14px #f59e0b73}.value-red{border-color:#ef4444;color:#ef4444;box-shadow:0 0 16px #ef44448c}.project-files{margin-top:10px}.files-list{list-style:none;padding:0;margin:0}.file-item{padding:8px 10px;border-radius:8px;background:#020617;border:1px solid #1e293b;margin-bottom:6px}.file-item:hover{background:#020617;border-color:#38bdf8}.file-name{font-size:13px;font-weight:600;color:#e5e7eb}.file-meta{font-size:12px;color:#9ca3af;margin-top:2px}.no-files-message{padding:5px;text-align:center;color:#9ca3af;font-size:11px;background:#ffffff03;border-radius:3px;border:1px dashed #1e293b}.no-files-message p{margin:0}.project-sep{border:none;border-top:1px dashed #1e293b;margin:16px 0}.floating-tooltip{position:fixed;z-index:99999;pointer-events:none}.floating-tooltip-content{background:#020617fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;box-shadow:0 12px 36px #000000b3,0 0 0 1px #ffffff0d;min-width:220px;max-width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-tooltip-file{font-weight:700;font-size:13px;color:#38bdf8;margin-bottom:8px;word-break:break-word;line-height:1.4}.floating-tooltip-details{display:flex;flex-direction:column;gap:6px}.floating-tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5}.floating-tooltip-label{color:#9ca3af;font-weight:500}.floating-tooltip-value{color:#e5e7eb;font-weight:600}.floating-tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(2,6,23,.98);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-card{position:relative;z-index:1}.circle{position:relative;z-index:2}.circle:hover{z-index:3}@media(max-width:768px){.circle{width:56px;height:56px;font-size:14px}.floating-tooltip-content{min-width:180px;max-width:280px;padding:10px}.floating-tooltip-file{font-size:12px}.floating-tooltip-row{font-size:11px}}.hr-card{padding:0!important;background:transparent;border:none}.hr-resources-card{background:#0003;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgb(255 255 255 / 20%);border-radius:20px 20px 0 0;overflow:hidden;max-width:320px;color:#fff;height:630px}.hr-header{padding:20px 16px;text-align:center;background:linear-gradient(180deg,#10b981,#059669)}.hr-title{font-size:24px;font-weight:600;margin:0;letter-spacing:-.5px;transition:all .3s ease}.hr-title:hover{color:#34d399;cursor:pointer}.hr-photo-container{margin-top:-1px;height:320px;overflow:hidden}.hr-photo{width:100%;max-width:320px;height:420px;object-fit:cover;margin-bottom:-4px;margin-top:-10px}.hr-info-section{padding:20px 10px;text-align:center;background-color:#000}.hr-name{font-size:20px;font-weight:900;margin:0 0 8px;letter-spacing:-.3px}.hr-designation{font-size:14px;font-weight:600;color:#adacac;margin:0;letter-spacing:.3px}.hr-buttons{display:flex;flex-direction:column;gap:12px;padding:5px 15px;background-color:#000;height:200px}.hr-btn{padding:12px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.hr-btn-primary{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.hr-btn-primary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.hr-btn-secondary{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.hr-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.hr-loading,.hr-error{padding:40px 20px;text-align:center;font-size:14px;color:#fff}.hr-department{margin-bottom:4px;font-weight:400}.hr-error{color:#ff6b6b}@media(max-width:480px){.hr-resources-card{max-width:100%;border-radius:12px}.hr-photo{max-width:100%;height:auto}.hr-name{font-size:18px}}.it-card{background:#000c}.help-section,.software-section{margin-bottom:20px}.submit-ticket-btn,.software-btn{width:100%;background:#ffffff1a;border:1px solid rgba(71,85,105,.2);color:#fff;padding:26px 0;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.submit-ticket-btn:hover,.software-btn:hover{background:#1f2937;transform:scale(1.05)}.dynamo-section{display:flex;gap:20px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}button.submit-it-help-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;padding:12px 10px;width:100%;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf640}button.submit-it-help-btn:hover{background:linear-gradient(135deg,#a78bfa,#818cf8);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.it-success-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;font-size:14px;font-weight:600;border-radius:12px;box-shadow:0 8px 30px #10b9814d;z-index:1001;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.it-issue-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0f172ad9,#000000eb);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}}.it-issue-modal{background:#0f172af2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:20px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 60px #6366f126,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.it-issue-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899);opacity:.9}.category-modal{max-width:500px}.form-modal{max-width:680px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.it-issue-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(180deg,#1e293bcc,#0f172ae6);border-bottom:1px solid rgba(255,255,255,.08)}.it-issue-modal-header h2{margin:0;font-size:18px;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.it-issue-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#94a3b8;cursor:pointer;transition:all .25s ease}.it-issue-close-btn:hover{background:#f43f5e26;border-color:#f43f5e4d;color:#f43f5e;transform:rotate(90deg)}.it-issue-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.it-issue-modal-body{padding:24px}.category-subtitle{margin:0 0 20px;font-size:14px;color:#94a3b8;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.category-card:hover{background:linear-gradient(135deg,#1e293be6,#0f172af2);border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d,0 0 20px #8b5cf61a}.category-card:hover:before{opacity:1}.category-icon{font-size:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.category-label{font-size:15px;font-weight:700;color:#f1f5f9;letter-spacing:.3px}.category-desc{font-size:11px;color:#64748b;text-align:center}.it-issue-form{padding:20px 24px 24px;max-height:calc(85vh - 70px);overflow-y:auto}.it-issue-form::-webkit-scrollbar{width:6px}.it-issue-form::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.it-issue-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4);border-radius:10px}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.form-section:last-of-type{border-bottom:none;margin-bottom:16px;padding-bottom:0}.section-label{margin:0 0 16px;font-size:13px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px}.user-fields-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}@media(max-width:600px){.user-fields-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.user-fields-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.form-field .required{color:#f43f5e}.readonly-input{padding:10px 14px;font-size:13px;color:#94a3b8;background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:not-allowed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.issue-fields-row{display:flex;gap:16px;margin-bottom:16px}.category-field{flex:1}.priority-field{flex:1.5}.readonly-category{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:10px;font-size:13px;font-weight:600;color:#c4b5fd}.category-emoji{font-size:18px}.priority-buttons{display:flex;gap:8px}.priority-btn{flex:1;padding:10px 12px;font-size:12px;font-weight:600;color:#94a3b8;background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .25s ease}.priority-btn:hover{background:#1e293be6;border-color:#ffffff26}.priority-btn.active{background:rgba(var(--priority-color-rgb, 139, 92, 246),.15);border-color:var(--priority-color);color:var(--priority-color);box-shadow:0 0 15px rgba(var(--priority-color-rgb, 139, 92, 246),.2)}.priority-btn:disabled{opacity:.5;cursor:not-allowed}.description-field{width:100%}.description-field textarea{width:100%;padding:14px 16px;font-size:14px;font-family:inherit;color:#f1f5f9;background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:12px;resize:vertical;min-height:100px;transition:all .25s ease;box-sizing:border-box}.description-field textarea::placeholder{color:#64748b}.description-field textarea:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf626;background:#1e293bcc}.description-field textarea.input-error{border-color:#f43f5e80;box-shadow:0 0 0 3px #f43f5e26}.description-field textarea:disabled{opacity:.6;cursor:not-allowed}.char-count{font-size:11px;color:#64748b;text-align:right;display:block;margin-top:6px}.form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#fca5a5;background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);border-radius:10px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.cancel-btn{padding:12px 24px;font-size:13px;font-weight:600;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .25s ease}.cancel-btn:hover{background:#ffffff1a;border-color:#fff3}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #8b5cf64d}.submit-btn:hover{background:linear-gradient(135deg,#a78bfa,#818cf8);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.it-issue-modal{width:95%;max-height:90vh}.category-grid{grid-template-columns:1fr}.issue-fields-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.widgets-card{min-height:200px;display:flex;flex-direction:column}.widgets-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;min-height:150px;border:2px dashed rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease;margin-top:20px}.widgets-content:hover{background:#ffffff05;border-color:#fff3}.widgets-content.compact{flex:0 0 auto;min-height:50px;margin-top:10px;padding:10px;flex-direction:row;gap:12px}.widgets-content.compact .add-widget-icon{width:24px;height:24px;margin-bottom:0}.widgets-content.compact .plus-sign{font-size:16px}.add-widget-icon{width:48px;height:48px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.plus-sign{font-size:24px;color:#00e5ff;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.add-widget-text{font-family:Outfit,sans-serif;font-size:14px;color:#fff9;font-weight:500}.widgets-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.widgets-modal-content{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0006;animation:slideUp .3s ease}.widgets-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff6;font-size:24px;cursor:pointer;padding:8px;line-height:1;border-radius:50%;transition:all .2s}.widgets-modal-close:hover{color:#fff;background:#ffffff1a}.widgets-modal-title{font-family:Outfit,sans-serif;font-size:20px;color:#fff;margin:24px 24px 8px;font-weight:600}.widgets-modal-description{font-family:Outfit,sans-serif;font-size:14px;color:#fff9;margin:0 24px 24px}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:0 24px;margin-bottom:24px}.widget-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.widget-item:hover{background:#ffffff0f;border-color:#fff3}.widget-item.selected{background:#00e5ff1a;border-color:#00e5ff}.widget-item-checkbox{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s}.widget-item.selected .widget-item-checkbox{background:#00e5ff;border-color:#00e5ff}.checkmark{color:#000;font-size:12px;font-weight:700}.widget-item-icon{font-size:24px;margin-bottom:12px}.widget-item-name{font-family:Outfit,sans-serif;font-size:16px;color:#fff;margin-bottom:8px;font-weight:500}.widget-item-description{font-family:Outfit,sans-serif;font-size:13px;color:#ffffff80;line-height:1.4}.widgets-modal-actions{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:#0a0a0a;border-radius:0 0 16px 16px}.widgets-cancel-btn{padding:10px 20px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;transition:all .2s}.widgets-cancel-btn:hover{background:#ffffff0d}.widgets-save-btn{padding:10px 20px;border-radius:8px;background:#00e5ff;border:none;color:#000;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;transition:all .2s}.widgets-save-btn:hover{background:#4defff;transform:translateY(-1px)}.widgets-save-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none}.youtube-videos-container{margin-bottom:20px;width:100%}.youtube-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;width:100%}.youtube-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#0003;border-radius:12px;overflow:hidden}.youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;font-size:16px}.youtube-remove-btn:hover{background:#f00c;border-color:#f00c;transform:scale(1.1)}.youtube-url-section{padding:24px;border-top:1px solid rgba(255,255,255,.1);margin-top:24px}.youtube-url-label{display:block;font-family:Outfit,sans-serif;font-size:14px;color:#fff;margin-bottom:8px}.youtube-url-input-group{display:flex;gap:12px;margin-bottom:16px}.youtube-url-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;font-family:Outfit,sans-serif;color:#fff;font-size:14px}.youtube-url-input:focus{outline:none;border-color:#00e5ff}.youtube-add-btn{padding:10px 20px;background:#00e5ff1a;border:1px solid #00E5FF;border-radius:8px;color:#00e5ff;font-family:Outfit,sans-serif;font-weight:500;cursor:pointer;transition:all .2s}.youtube-add-btn:hover:not(:disabled){background:#00e5ff33}.youtube-add-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#fff3;color:#fff6;background:transparent}.youtube-videos-list{background:#ffffff05;border-radius:8px;padding:12px}.youtube-videos-list-title{font-family:Outfit,sans-serif;font-size:12px;color:#ffffff80;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.youtube-video-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#ffffff0d;border-radius:6px;margin-bottom:8px}.youtube-video-list-item:last-child{margin-bottom:0}.youtube-video-list-url{font-family:Outfit,sans-serif;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.youtube-video-list-remove{background:none;border:none;color:#ff4d4d;font-family:Outfit,sans-serif;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.youtube-video-list-remove:hover{background:#ff4d4d1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.holiday-calendar-container{background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex:1;min-height:0}.holiday-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.holiday-location-selector{display:flex;gap:8px}.holiday-location-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 12px;border-radius:20px;font-family:Outfit,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.holiday-location-btn:hover{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff33}.holiday-location-btn.active{background:#00e5ff1a;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff4d}.holiday-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.holiday-list::-webkit-scrollbar{display:none}.holiday-item{display:flex;align-items:center;padding:36px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:Outfit,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.holiday-item:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.holiday-item.today{background:linear-gradient(90deg,#00e5ff1a,#00e5ff05);border-color:#00e5ff4d}.holiday-item.weekend{opacity:.8}.holiday-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;padding:6px 10px;min-width:50px;margin-right:16px;border:1px solid rgba(255,255,255,.1)}.date-month{font-size:9px;text-transform:uppercase;color:#fff9;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.date-number{font-size:18px;font-weight:700;color:#fff;line-height:1}.holiday-item.today .holiday-date-box{background:#00e5ff1a;border-color:#00e5ff4d}.holiday-item.today .date-number{color:#00e5ff}.holiday-details{flex:1}.holiday-name{color:#fffffff2;font-size:12px;font-weight:600;margin-bottom:5px}.holiday-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.holiday-weekday{color:#fff6;font-size:11px}.holiday-badge{font-size:8px;padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.8px;box-shadow:0 0 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.holiday-badge.common{background:#00ff8026;color:#00ff80;border:1px solid rgba(0,255,128,.4);box-shadow:0 0 10px #00ff8033}.holiday-badge.multi{background:#ffc80026;color:#ffd000;border:1px solid rgba(255,200,0,.4);box-shadow:0 0 10px #ffc80033}.holiday-badge.single{background:#3296ff26;color:#3296ff;border:1px solid rgba(50,150,255,.4);box-shadow:0 0 10px #3296ff33}.holiday-empty{text-align:center;padding:30px;color:#ffffff4d;font-family:Outfit,sans-serif;font-size:14px;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.drag-drop-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;background:linear-gradient(135deg,#1a1c20,#0f172a,#000);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .5s ease}.drag-drop-background.has-image{background-size:cover;background-position:center}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:linear-gradient(180deg,#00001466,#00000f80,#00000a99);pointer-events:none;transition:opacity .5s ease}.background-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.background-spinner{display:flex;align-items:center;justify-content:center}.spinner-ring{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff6;border-radius:50%;animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.personalize-prompt{position:fixed;top:30%;left:50%;transform:translate(-50%);z-index:1;cursor:pointer;padding:14px 32px;background:linear-gradient(135deg,#ffc10740,#ff980033,#ffd70040);border:none;border-radius:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;overflow:hidden}.personalize-prompt:before{content:"";position:absolute;inset:-2px;border-radius:32px;background:conic-gradient(from 0deg,gold,#ffb347,#ff8c00,orange,gold,#fff8dc,gold);z-index:-2;animation:borderRotate 3s linear infinite}.personalize-prompt:after{content:"";position:absolute;inset:2px;border-radius:28px;background:linear-gradient(135deg,#14141ed9,#1e1e2de6);z-index:-1}.personalize-prompt:hover{transform:translate(-50%) scale(1.05);box-shadow:0 0 40px #ffc10780,0 0 80px #ff98004d}.personalize-prompt:hover:before{animation:borderRotate 1.5s linear infinite}.personalize-text{position:relative;z-index:1;font-size:16px;font-weight:600;background:linear-gradient(90deg,gold,#ffb347,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:.5px;animation:shimmer 3s ease-in-out infinite}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.bg-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:bgModalFadeIn .2s ease-out}@keyframes bgModalFadeIn{0%{opacity:0}to{opacity:1}}.bg-modal-container{width:90%;max-width:480px;background:#14141cf2;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d inset;overflow:hidden;animation:bgModalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes bgModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.bg-modal-title{margin:0;font-size:18px;font-weight:600;color:#fff;font-family:Inter,system-ui,sans-serif}.bg-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s ease}.bg-modal-close:hover{background:#ffffff1a;color:#fff}.bg-modal-dropzone{margin:20px 24px;padding:40px 24px;border:2px dashed rgba(99,102,241,.4);border-radius:16px;background:#6366f10d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.bg-modal-dropzone:hover{border-color:#818cf899;background:#6366f11a;box-shadow:0 0 20px #6366f126}.bg-modal-dropzone.dragging{border-color:#818cf8;background:#6366f133;box-shadow:0 0 30px #6366f14d;transform:scale(1.01)}.bg-modal-file-input{display:none}.bg-modal-instructions{text-align:center;pointer-events:none}.bg-modal-icon{display:block;font-size:42px;margin-bottom:16px;transition:transform .3s ease}.bg-modal-dropzone:hover .bg-modal-icon{transform:scale(1.1)}.bg-modal-dropzone.dragging .bg-modal-icon{transform:scale(1.2);animation:bgIconPulse .8s ease-in-out infinite}@keyframes bgIconPulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.1)}}.bg-modal-text-main{font-size:16px;font-weight:500;color:#e5e7eb;margin-bottom:6px;font-family:Inter,system-ui,sans-serif}.bg-modal-text-sub{font-size:13px;color:#6b7280;font-family:Inter,system-ui,sans-serif}.bg-modal-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.05)}.bg-modal-hint{margin:0;font-size:12px;color:#6b7280;text-align:center;font-family:Inter,system-ui,sans-serif}.bg-modal-dropzone.uploading{pointer-events:none;opacity:.7;border-color:#6366f14d}.bg-modal-spinner{display:block;font-size:42px;margin-bottom:16px;animation:bgSpinnerPulse 1.2s ease-in-out infinite}@keyframes bgSpinnerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.bg-modal-error{margin:0 24px 16px;padding:10px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;font-family:Inter,system-ui,sans-serif;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;background:linear-gradient(135deg,#334155,#475569,#334155);min-height:100vh;color:#fff}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-10{gap:10px}.main-grid{display:flex;justify-content:center;gap:10px;width:100%;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.card{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / 20%);border-radius:20px 20px 0 0;padding:15px;box-shadow:0 20px 50px #0006;width:320px;height:630px;overflow-y:auto;scrollbar-width:none}.card::-webkit-scrollbar{display:none}.card-title-main{text-align:center;font-size:24px;font-weight:600;margin-top:10px;margin-bottom:20px;transition:all .3s ease}.card-title-main:hover .card-title-link,.profile-title:hover .card-title-link{color:#34d399;cursor:pointer}.card-title-link{color:#fff;text-decoration:none}.profile-icon img{border-radius:10px!important}button.mark-all-btn{padding:8px 12px;border-radius:3px;border:none;background-color:#6f7f99;font-size:12px;color:#fff;font-weight:600;cursor:pointer}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid #ff5252;background:linear-gradient(135deg,#ff6b6b38,#ff525294);color:#fff;font-size:12px;font-weight:800;border-radius:50%;margin-left:10px;box-shadow:0 4px 12px #ff6b6b4d;animation:badgePulse 2s ease-in-out infinite}