@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-title{font-size:28px;font-weight:600;text-align:center;margin-bottom:8px}.login-subtitle{text-align:center;font-size:14px;color:#94a3b8;margin-bottom:28px}.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}.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{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(2,6,23,.4);border-top-color:#020617;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000004d,#00000080);display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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(4px);backdrop-filter:blur(4px)}}.notification-modal-centered{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;width:100%;max-width:600px;max-height:75vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 1px #0000000d;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.6)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1e293bd9,#2d3748bf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.modal-header h4{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.3px}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;font-size:12px;font-weight:800;border-radius:12px;margin-left:10px;box-shadow:0 4px 12px #ff6b6b4d;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff6b6b4d}50%{transform:scale(1.08);box-shadow:0 6px 16px #ff6b6b80}}.header-content{display:flex;align-items:center}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.close-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05) rotate(90deg)}.modal-body{flex:1;padding:20px;overflow-y:auto;scroll-behavior:smooth;background:linear-gradient(180deg,#fff,#f8f9fa);height:70vh}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#00000008;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0e7ff,#c7d2fe);border-radius:10px;transition:background .3s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c7d2fe,#a5b4fc)}.notif-item{padding:16px;margin-bottom:12px;border-radius:12px;background:linear-gradient(135deg,#fffc,#f8f9fa99);border:1px solid rgba(230,230,230,.6);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.notif-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#818cf8);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.4,0,.2,1)}.notif-item:hover{background:linear-gradient(135deg,#fff,#f8f9facc);border-color:#6366f133;box-shadow:0 8px 16px #6366f11f;transform:translate(4px)}.notif-item:hover:before{transform:scaleY(1)}.notif-item:last-child{margin-bottom:0}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.notif-title{font-weight:700;font-size:14px;color:#1f2937;letter-spacing:.2px;flex:1;word-break:break-word}.notif-time{font-size:11px;font-weight:600;color:#6b7280;background:#6b728014;padding:4px 10px;border-radius:6px;white-space:nowrap;letter-spacing:.2px}.notif-msg{font-size:13px;color:#4b5563;margin:0;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-weight:500}.notif-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.mark-read-hint{font-size:11px;color:#9ca3af;font-weight:600;letter-spacing:.2px;font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;animation:fadeIn .4s ease-out}.spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,.1);border-top:4px solid #6366f1;border-right:4px solid #818cf8;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #6366f133}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-msg{font-size:15px;color:#4b5563;font-weight:600;letter-spacing:.3px}.empty-msg{font-size:15px;color:#9ca3af;text-align:center;padding:60px 20px;font-weight:500;letter-spacing:.2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.notification-modal-centered{max-width:90%;max-height:80vh;border-radius:16px}.modal-header{padding:16px 20px}.modal-header h4{font-size:16px}.modal-body{max-height:calc(80vh - 60px);padding:16px}.notif-item{padding:14px;margin-bottom:10px}.notif-title{font-size:13px}.notif-msg{font-size:12px}.notif-time{font-size:10px;padding:3px 8px}.close-btn{width:32px;height:32px;font-size:16px}}@media(max-width:480px){.notification-modal-centered{max-width:95%;max-height:90vh;border-radius:14px}.modal-header{padding:14px 16px}.modal-header h4{font-size:15px}.modal-body{max-height:calc(90vh - 54px);padding:12px}.notif-item{padding:12px;margin-bottom:8px;border-radius:10px}.notif-title{font-size:12px}.notif-msg{font-size:11px}.notif-time{font-size:9px;padding:2px 6px}.close-btn{width:30px;height:30px;font-size:14px}.loading-container{padding:40px 16px}.spinner{width:40px;height:40px}.loading-msg{font-size:14px}}@supports (backdrop-filter: blur(12px)){.notification-overlay{background:linear-gradient(135deg,#00000040,#00000059)}.modal-header{background:linear-gradient(135deg,#1e293be6,#2d3748cc)}}@media print{.notification-overlay,.notification-modal-centered{box-shadow:none;border:1px solid #ddd}.notif-item{page-break-inside:avoid}}.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}.profile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.profile-btn:hover{border-color:#3b82f680;transform:scale(1.05)}.profile-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.profile-icon img{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.profile-status-btn{position:absolute;right:0;bottom:0;transform:translate(25%,25%);width:15px;height:15px;border-radius:50%;border:2px solid rgba(59,59,59,.7);background:#8bc34a;color:#fff;font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 10px #10b98199;cursor:pointer}.profile-status-btn.inactive{background:#9aa7bf;box-shadow:0 0 10px #9aa7bf80}.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;background-size:cover;background-position:center;background-repeat:no-repeat}.landing-page:before{content:"";position:absolute;inset:0;background:#00000080;z-index:1;pointer-events:none}.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:#0003;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgba(71,85,105,.3);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;cursor:pointer}.course-card-image:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.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:16px;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{text-align:center;background:linear-gradient(180deg,#059669,#047857)}.hr-photo{width:100%;max-width:320px;height:320px;object-fit:cover;box-shadow:0 8px 24px #0003;margin-bottom:-4px}.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-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:#000;border:1px solid #ffffff59;color:#fff;padding:10px;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:#3264c8;border:none;color:#fff;padding:10px;width:100%;border-radius:8px;font-size:12px;cursor:pointer}.widgets-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding-top:8px;gap:8px;cursor:pointer}.widget-square{position:absolute;border:2px solid #ffffff}.add-widget-text{color:#fff;font-size:16px;font-weight:700;text-align:center;cursor:pointer}.back-square{width:60px;height:60px;top:8px;left:8px}.front-square{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.plus-sign{color:#fff;font-size:24px;font-weight:700}.widgets-card{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.3);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:380px;padding:16px;gap:12px;box-sizing:border-box}.widgets-card .card-title-link{color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.widgets-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.add-widget-icon{position:relative;width:80px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.widget-square{position:absolute;border:2px solid #ffffff;background:transparent}.widgets-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease-in-out;padding:20px;box-sizing:border-box;margin:0;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.widgets-modal-content{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:30px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;scrollbar-width:none;position:relative;animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #000c}.widgets-modal-content::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.widgets-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#fff;font-size:32px;font-weight:300;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.widgets-modal-close:hover{color:#94a3b8}.widgets-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 5px;padding-right:40px}.widgets-modal-body{color:#e2e8f0;font-size:16px;line-height:1.6}.widgets-modal-description{color:#94a3b8;font-size:14px;margin-bottom:25px}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:30px}.widget-item{background:#1e293b80;border:2px solid rgba(71,85,105,.3);border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.widget-item:hover{border-color:#47556999;background:#1e293bb3;transform:translateY(-2px)}.widget-item.selected{border-color:#3264c8;background:#3264c833}.widget-item-checkbox{position:absolute;top:10px;right:10px;width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:all .2s ease}.widget-item.selected .widget-item-checkbox{background:#3264c8;border-color:#3264c8}.checkmark{color:#fff;font-size:16px;font-weight:700}.widget-item-icon{font-size:40px;margin-bottom:10px}.widget-item-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.widget-item-description{color:#94a3b8;font-size:12px;line-height:1.4}.widgets-modal-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(71,85,105,.3)}.widgets-cancel-btn,.widgets-save-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.widgets-cancel-btn{background:#4755694d;color:#e2e8f0}.widgets-cancel-btn:hover{background:#47556980}.widgets-save-btn{background:#3264c8;color:#fff}.widgets-save-btn:hover:not(:disabled){background:#2551a3;transform:scale(1.05)}.widgets-save-btn:disabled{background:#4755694d;color:#ffffff4d;cursor:not-allowed}.youtube-videos-container{width:100%;height:100%;display:flex;flex-direction:column;gap:15px}.youtube-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;flex:1;overflow-y:auto;scrollbar-width:none}.youtube-videos-grid::-webkit-scrollbar{display:none}.youtube-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#1e293b4d;border-radius:8px;overflow:hidden;border:1px solid rgba(71,85,105,.3)}.youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-remove-btn{position:absolute;top:8px;right:8px;background:#000c;border:none;color:#fff;font-size:16px;font-weight:300;width:25px;height:25px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;line-height:1}.youtube-remove-btn:hover{background:#dc2626e6;transform:scale(1.1)}.youtube-url-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(71,85,105,.3)}.youtube-url-label{display:block;color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:10px}.youtube-url-input-group{display:flex;gap:10px;margin-bottom:15px}.youtube-url-input{flex:1;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:6px;padding:10px 12px;color:#e2e8f0;font-size:14px;transition:all .2s ease}.youtube-url-input:focus{outline:none;border-color:#3264c8;background:#1e293bb3}.youtube-url-input::placeholder{color:#64748b}.youtube-add-btn{background:#3264c8;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.youtube-add-btn:hover:not(:disabled){background:#2551a3;transform:scale(1.05)}.youtube-add-btn:disabled{background:#4755694d;color:#ffffff4d;cursor:not-allowed}.youtube-videos-list{background:#1e293b4d;border:1px solid rgba(71,85,105,.3);border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}.youtube-videos-list-title{color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.youtube-video-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(71,85,105,.2)}.youtube-video-list-item:last-child{border-bottom:none}.youtube-video-list-url{color:#e2e8f0;font-size:13px;flex:1}.youtube-video-list-remove{background:transparent;border:1px solid rgba(220,38,38,.5);color:#ef4444;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.youtube-video-list-remove:hover{background:#dc262633;border-color:#ef4444}.holiday-calendar-container{width:100%;height:100%;display:flex;flex-direction:column;gap:5px}.holiday-location-selector{display:flex;gap:5px;padding-bottom:10px;margin-bottom:0;border-bottom:1px solid rgba(71,85,105,.3)}.holiday-location-btn{flex:1;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:3px;padding:5px 10px;color:#94a3b8;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.holiday-location-btn:hover{background:#1e293bb3;border-color:#47556980}.holiday-location-btn.active{background:#3264c8;border-color:#3264c8;color:#fff}.holiday-list{flex:1;overflow-y:auto;scrollbar-width:none;padding-right:5px;padding-top:5px}.holiday-list::-webkit-scrollbar{display:none}.holiday-item{display:grid;grid-template-columns:50px 80px 1fr;gap:5px;padding:10px;margin-bottom:5px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:8px;transition:all .2s ease;align-items:center;cursor:pointer}.holiday-item:hover{background:#53607480;border-color:#2f4a6f66}.holiday-item.today{background:#3264c840;border-color:#3264c8;box-shadow:0 0 0 1px #3264c84d}.holiday-item.weekend{background:#47556940}.holiday-item.today.weekend{background:#3264c859;border-color:#3264c8}.holiday-date{color:#e2e8f0;font-size:11px;font-weight:700;letter-spacing:.3px}.holiday-day{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px}.holiday-name{color:#fff;font-size:11px;font-weight:700;line-height:1.4}.holiday-empty{color:#94a3b8;font-size:14px;text-align:center;padding:40px 20px}*{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}