@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Outfit:wght@400;600;700;800&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color:#0f172a;--panel-bg:rgba(30,41,59,.7);--glass-border:hsla(0,0%,100%,.1);--text-color:#f8fafc;--text-muted:#94a3b8;--accent-color:#fbbc04;--accent-hover:#eab308;--accent-glow:rgba(251,188,4,.3);--table-header:#1e293b;--table-row-even:rgba(51,65,85,.3);--table-row-odd:transparent;--table-text:#e2e8f0;--border-color:hsla(0,0%,100%,.05)}*{box-sizing:border-box;padding:0;margin:0}body{background:radial-gradient(circle at top left,#1e293b,#0f172a);color:var(--text-color);font-family:Inter,sans-serif;min-height:100vh}.title,h1,h2,h3{font-family:Outfit,sans-serif}.dashboard-container{padding:30px 30px 90px;max-width:1600px;margin:0 auto}.header-top{margin-bottom:15px;flex-direction:column;gap:10px}.header-top,.user-nav{display:flex;align-items:center}.user-nav{width:100%;justify-content:flex-end;gap:20px;background:hsla(0,0%,100%,.03);padding:10px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.logo-container{margin:10px 0 0;display:flex;justify-content:center;width:100%}.main-logo{max-width:150px;max-height:100px;height:auto;object-fit:contain}.title{font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to bottom,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:0}.filters-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:20px;margin-bottom:20px;border:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;z-index:50}.filters-grid{display:flex;flex-wrap:wrap;gap:30px}.date-filters{display:flex;flex-direction:column;gap:15px;padding-right:30px;border-right:1px solid var(--glass-border)}.options-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.filter-input,.filter-select{background:rgba(15,23,42,.8);color:#fff;border:1px solid var(--glass-border);padding:12px;border-radius:12px;font-weight:500;outline:none;width:100%}.table-container{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,.4);overflow:hidden;position:relative;display:flex;flex-direction:column}.table-header-flex{display:flex;justify-content:space-between;align-items:center;background:#1e293b;padding:0 25px;border-bottom:1px solid hsla(0,0%,100%,.1);min-height:50px;border-radius:24px 24px 0 0}.table-scroll-area{overflow:auto;max-height:550px;position:relative}.table-title{color:var(--accent-color);text-align:left;height:50px;line-height:50px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:0;padding:0;flex:1 1}.productivity-table{width:100%;border-collapse:separate;border-spacing:0}.productivity-table th{background:#1e293b!important;color:var(--accent-color);padding:12px 10px;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:1px solid var(--glass-border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.productivity-table td{padding:12px 10px;color:var(--table-text);border-bottom:1px solid hsla(0,0%,100%,.03);text-align:center;font-size:.85rem}.productivity-table tr:last-child:not(.total-row){border-top:none!important;background:transparent!important}.productivity-table tr.total-row{border-top:2px solid var(--accent-color)!important;background:rgba(244,196,6,.05)!important;font-weight:700}.productivity-table tr:nth-child(2n){background:var(--table-row-even)}.productivity-table td:first-child,.productivity-table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:10;border-right:1px solid var(--glass-border);text-align:left!important;padding-left:20px!important;width:220px}.productivity-table th:first-child{z-index:35;top:0}.productivity-table td:first-child{background:#1e293b;font-weight:600;color:#fff;white-space:nowrap}.productivity-table tr:nth-child(2n) td:first-child{background:#242f44}.productivity-table tr.total-row td{background:#1e293b!important;color:var(--accent-color)!important;font-weight:800;position:-webkit-sticky;position:sticky;bottom:0;z-index:20;border-top:2px solid var(--accent-color)}.productivity-table tr.total-row td:first-child{z-index:25}.progress-container{width:100%;min-width:100px;background:rgba(15,23,42,.8);border-radius:50px;height:22px;position:relative;overflow:hidden;border:1px solid var(--glass-border);margin:0 auto;display:flex;align-items:center;justify-content:center}.progress-fill{height:100%;position:absolute;left:0;top:0;transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:50px}.progress-text{position:relative;z-index:2;font-size:.75rem;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.bg-blue-gradient{background:linear-gradient(90deg,#2563eb,#3b82f6)}.bg-green-gradient{background:linear-gradient(90deg,#059669,#10b981)}.bg-red-gradient{background:linear-gradient(90deg,#dc2626,#ef4444)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#d97706);color:#000;border:none;padding:8px 20px;border-radius:10px;font-weight:700;cursor:pointer}.btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);border-radius:10px}.btn-secondary,.btn-success{color:#fff;padding:8px 20px;cursor:pointer}.btn-success{background:#28a745;border:none;border-radius:10px;font-weight:700;transition:all .3s ease}.btn-success:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px rgba(40,167,69,.4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.footer-full-width{position:fixed;bottom:0;left:0;width:100%;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);padding:15px 0;z-index:1000}.footer-clean-content{max-width:1600px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:20px;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:0 30px;flex-wrap:wrap}.footer-brand{color:var(--accent-color);font-weight:700}.footer-item{display:flex;align-items:center;gap:6px}.footer-item svg{color:var(--accent-color)}.footer-divider{opacity:.3}.footer-tag{background:rgba(251,188,4,.1);color:var(--accent-color);padding:2px 10px;border-radius:20px;font-size:.7rem}@media (max-width:600px){.footer-clean-content{flex-direction:column;gap:10px}.footer-divider{display:none}}.dashboard-nav-tabs{display:flex;gap:10px;background:hsla(0,0%,100%,.03);padding:5px;border-radius:12px;border:1px solid var(--glass-border);margin-top:15px}.nav-tab{background:transparent;border:none;color:var(--text-muted);padding:8px 20px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.nav-tab:hover{color:#fff;background:hsla(0,0%,100%,.05)}.nav-tab.active{background:var(--accent-color);color:#000}.portal-wrapper{min-height:100vh;background:#0f172a;color:#fff;display:flex;flex-direction:column;position:relative;overflow-x:clip;padding-bottom:70px}.portal-bg-decor{position:fixed;inset:0;z-index:0;pointer-events:none}.blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;animation:float-blob 20s infinite alternate}.blob-1{background:#fbbc04;top:-200px;left:-200px}.blob-2{background:#3b82f6;bottom:-200px;right:-200px;animation-delay:-5s}@keyframes float-blob{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}.portal-container{flex:1 1;max-width:1400px;margin:0 auto;width:100%;padding:60px 20px;position:relative;z-index:1}.portal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:80px}.portal-user-info{gap:15px;background:hsla(0,0%,100%,.03);padding:8px 20px;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:40px}.portal-user-info,.user-avatar{display:flex;align-items:center}.user-avatar{width:35px;height:35px;background:var(--accent-color);border-radius:50%;justify-content:center;color:#000;font-weight:800;font-size:.9rem}.user-details h3{font-size:.85rem;font-weight:700;margin:0;color:#fff}.user-details p{font-size:.7rem;color:#94a3b8;margin:0;text-transform:uppercase;letter-spacing:1px}.btn-logout-minimal{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;margin-left:10px;transition:transform .3s ease}.btn-logout-minimal:hover{transform:scale(1.2)}.portal-branding .portal-title{font-size:4rem;font-weight:900;letter-spacing:-2px;margin:0;font-family:Outfit,sans-serif}.portal-branding .portal-title span{color:#fbbc04;text-shadow:0 0 30px rgba(251,188,4,.3)}.portal-subtitle{font-size:.9rem;letter-spacing:4px;color:#94a3b8;font-weight:600;margin-top:5px;text-transform:uppercase}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px;width:100%}.portal-card{background:rgba(30,41,59,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:32px;padding:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;min-height:380px}.portal-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--glow-color),transparent 70%);opacity:0;transition:opacity .4s ease}.portal-card:hover{transform:translateY(-10px);background:rgba(30,41,59,.6);border-color:hsla(0,0%,100%,.15);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.portal-card:hover:before{opacity:1}.card-icon{width:65px;height:65px;background:hsla(0,0%,100%,.03);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);border:1px solid hsla(0,0%,100%,.05);transition:all .4s ease}.portal-card:hover .card-icon{background:var(--accent-color);color:#000;transform:scale(1.1) rotate(-5deg);box-shadow:0 10px 30px var(--glow-color)}.card-info h2{font-size:1.3rem;font-weight:800;margin:0 0 10px;font-family:Outfit,sans-serif}.card-info p{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.05)}.card-footer span{font-size:.7rem;font-weight:800;letter-spacing:1px}.arrow,.card-footer span{color:var(--accent-color)}.arrow{font-size:1.1rem;transition:transform .3s ease}.portal-card:hover .arrow{transform:translateX(5px)}@media (max-width:1200px){.portal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portal-branding .portal-title{font-size:2.5rem}.portal-subtitle{font-size:.7rem;letter-spacing:2px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:auto}}.active-card{background:rgba(30,41,59,.8)!important;border-color:var(--accent-color)!important;box-shadow:0 0 40px var(--glow-color)!important;transform:translateY(-5px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-loader{animation:spin 1s linear infinite}.hover-bg-glass:hover{background:hsla(0,0%,100%,.08)!important}.hover-page-item:hover{background:hsla(0,0%,100%,.05)!important}.hover-page-item:hover span{color:#fbbc04!important;text-decoration:underline!important}