@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");body,html{height:100%}body{font-family:Arial,sans-serif;padding:0;margin:0;background-color:#f5f5f5;line-height:1.6}.dashboard-layout{display:flex;min-height:100vh;background:#eff6ff;font-family:Poppins,Arial,sans-serif;color:#111827}.sidebar{width:280px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-right:1px solid rgba(229,231,235,.6);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.08)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(229,231,235,.6);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.5)}.sidebar-header .logo{width:32px;height:32px;background-image:url(https://res.cloudinary.com/dtqf0dgnx/image/upload/v1750958206/Asphalt_rkrazc.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.sidebar-header .brand-name{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#111827;letter-spacing:-.3px}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.nav-section{margin-bottom:32px}.nav-section:last-child{margin-bottom:0}.nav-section-title{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin:0 20px 16px}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:0}.nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;background:transparent;border:none;color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.nav-link:hover{background:#f8fafc;color:#111827}.nav-link.active{background:#eff6ff;color:#2563eb;border-right:3px solid #2563eb;font-weight:600}.nav-icon{width:20px;height:20px;flex-shrink:0;color:currentColor}.nav-text{flex:1;font-family:Poppins,sans-serif}.nav-plus-icon{width:16px;height:16px;flex-shrink:0;color:#9ca3af;transition:all .2s ease}.nav-link:hover .nav-plus-icon{color:#6b7280;transform:scale(1.1)}.sidebar-footer{padding:20px;border-top:1px solid rgba(229,231,235,.6);background:#f9fafb}.sidebar-footer .user-info{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;margin-bottom:12px;border:1px solid rgba(229,231,235,.6);box-shadow:0 2px 8px rgba(0,0,0,.04)}.sidebar-footer .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#374151,#6b7280);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;flex-shrink:0}.sidebar-footer .user-details{flex:1;min-width:0}.sidebar-footer .user-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-role{font-family:Poppins,sans-serif;font-size:12px;color:#6b7280;font-weight:500}.sidebar-footer .sign-out-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-footer .sign-out-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.15)}.main-content{flex:1;margin-left:280px;padding:32px;overflow-y:auto}.form-container{background:white;padding:40px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}h1{color:#333;margin-bottom:10px;font-size:28px}.description,h1{text-align:center}.description{color:#666;margin-bottom:30px;font-size:16px}label{display:block;margin-bottom:6px;font-weight:700;color:#333;font-size:14px}.required{color:red}input,select,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}textarea{height:100px;resize:vertical}button,select{cursor:pointer}button{background-color:#007bff;color:white;padding:15px 40px;border:none;border-radius:6px;font-size:18px;font-weight:700;width:100%;margin-top:20px;transition:background-color .3s}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;border-radius:6px;border:1px solid #c3e6cb}.error-message,.success-message{display:none;padding:15px;margin-top:20px}.error-message{background-color:#f8d7da;color:#721c24;border-radius:6px;border:1px solid #f5c6cb}.section-title{color:#333;margin:30px 0 15px;border-bottom:2px solid #007bff}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.form-container{padding:25px}}.header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(229,231,235,.8);padding:0 32px;height:80px;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.header,.header-left{display:flex;align-items:center}.header-left{gap:16px}.logo{width:40px;height:40px;background-image:url(https://res.cloudinary.com/dtqf0dgnx/image/upload/v1750958206/Asphalt_rkrazc.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.brand-name{font-size:20px;font-weight:700;color:#111827;letter-spacing:-.3px}.header-right{gap:20px}.header-right,.user-info{display:flex;align-items:center}.user-info{gap:12px;padding:8px 16px;background:#eff6ff;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:fit-content}.user-info:hover{background:#dbeafe}.user-avatar{width:36px;height:36px;background:#111827;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:14px;flex-shrink:0}.user-details{text-align:left;min-width:0}.user-name{font-weight:600;color:#111827;font-size:14px}.user-name,.user-role{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:#6b7280}.sign-out-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;margin:0}.sign-out-btn:hover{background:#f3f4f6;color:#ef4444;transform:scale(1.05)}.welcome-section{text-align:center;margin-bottom:60px}.welcome-title{font-size:36px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-.5px}.welcome-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;max-width:900px;margin:0 auto}.action-card,.action-card-container{position:relative;cursor:pointer}.action-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid rgba(229,231,235,.5)}.action-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(59,130,246,.3)}.action-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease;background:#eff6ff;border:2px solid #e5e7eb}.action-card:hover .action-icon{transform:scale(1.05);background:#2663eb;border-color:#2663eb}.action-card:hover .action-icon svg{fill:white}.action-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:12px;letter-spacing:-.3px}.action-description{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:28px;font-weight:400}.action-button{background:#111827;color:white;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.action-button:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,24,39,.25)}.button-icon{width:18px;height:18px;fill:currentColor;transition:transform .3s ease}.action-button:hover .button-icon{transform:translateX(2px)}.user-icon-svg{fill:#6b7280}.company-icon-svg,.user-icon-svg{width:32px;height:32px;transition:fill .3s ease}.company-icon-svg{fill:#2663eb}.users-icon-svg{width:24px;height:24px;color:#2563eb}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:24px}.sidebar-header{padding:20px 16px}.sidebar-header .brand-name{font-size:16px}.nav-link{padding:10px 16px;font-size:13px}.nav-icon{width:18px;height:18px}}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(229,231,235,.6)}.sidebar-header{padding:16px 20px}.sidebar-nav{padding:16px 0}.nav-section{margin-bottom:24px}.nav-section-title{margin:0 20px 8px;font-family:Poppins,sans-serif}.nav-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px}.nav-item{flex:1;min-width:120px}.nav-link{flex-direction:column;gap:8px;padding:16px 12px;text-align:center;border-radius:12px;font-size:12px;font-family:Poppins,sans-serif}.nav-link.active{border-right:none;border-bottom:3px solid #2563eb}.nav-icon{width:24px;height:24px}.nav-plus-icon{width:14px;height:14px}.sidebar-footer{padding:16px 20px}.sidebar-footer .user-info{padding:10px}.sidebar-footer .user-avatar{width:28px;height:28px;font-size:11px;font-family:Poppins,sans-serif}.sidebar-footer .user-name{font-size:13px;font-family:Poppins,sans-serif}.sidebar-footer .user-role{font-size:11px;font-family:Poppins,sans-serif}.sidebar-footer .sign-out-btn{padding:8px 12px;font-size:12px;font-family:Poppins,sans-serif}.main-content{margin-left:0;padding:20px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}.actions-grid{grid-template-columns:1fr;gap:20px}.action-card{padding:24px}.action-icon{width:56px;height:56px;margin-bottom:16px}.action-title{font-size:20px;margin-bottom:8px}.action-description{font-size:14px;margin-bottom:16px}}@media (max-width:480px){.sidebar-header{padding:12px 16px}.sidebar-header .logo{width:28px;height:28px}.sidebar-header .brand-name{font-size:14px;font-family:Poppins,sans-serif}.nav-list{padding:0 16px}.nav-item{min-width:100px}.nav-link{padding:12px 8px;font-size:11px;font-family:Poppins,sans-serif}.nav-icon{width:20px;height:20px}.nav-plus-icon{width:12px;height:12px}.sidebar-footer{padding:12px 16px}.sidebar-footer .sign-out-btn{font-family:Poppins,sans-serif}.main-content{padding:16px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.action-card{padding:20px}}.signin-container{font-family:Poppins,Arial,sans-serif;background:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{position:relative;width:100%;max-width:440px;z-index:1}.container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#eff6ff,#2663eb,#eff6ff,#2663eb);background-size:200% 200%;border-radius:23px;z-index:-1;animation:gradientShift 4s ease-in-out infinite;opacity:.8}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.card-content{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;z-index:1}.logo-section{margin-bottom:12px}.logo-signin{width:80px;height:80px;margin:0 auto 12px;background-image:url(https://res.cloudinary.com/dtqf0dgnx/image/upload/v1750958206/Asphalt_rkrazc.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.logo-section .brand-name{font-size:28px;font-weight:700;color:#111827;letter-spacing:-.5px;margin-bottom:0}.tagline{color:#6b7280;font-size:15px;font-weight:400;margin-bottom:10px;margin-top:0;line-height:1.5}.sign-in-form{display:flex;flex-direction:column;gap:16px}.input-group{text-align:left}.input-group label{font-weight:500}.sign-in-btn{background:#111827;color:white;border:none;padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.sign-in-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,24,39,.25)}.sign-in-btn:active{transform:translateY(0)}.sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.request-access-btn{background:#6b7280;color:white;border:none;padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.request-access-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,114,128,.25)}.request-access-btn:active{transform:translateY(0)}.request-access-btn:disabled{opacity:.6;cursor:not-allowed}.button-arrow{width:18px;height:18px;fill:currentColor;transition:transform .3s ease}.sign-in-btn:hover:not(:disabled) .button-arrow{transform:translateX(3px)}.footer-text{margin-top:40px;font-size:13px;color:#9ca3af;line-height:1.6;font-weight:500}@media (max-width:480px){.container{padding:40px 30px;margin:10px;max-width:100%}.brand-name{font-size:24px}}.loading-container{min-height:100vh;background:#eff6ff}.loading-spinner{color:white;font-size:18px;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-form-container{max-width:800px;margin:0 auto;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 40px}.form-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px rgba(0,0,0,.1);position:relative;width:100%}.form-header{text-align:center;margin-bottom:40px}.form-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:12px;letter-spacing:-.5px}.form-subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5}.form{display:flex;flex-direction:column;gap:24px}.section-title{font-size:20px;color:#111827;margin:30px 0 20px;padding-bottom:8px;border-bottom:2px solid #2663eb;font-weight:600}.section-title:first-of-type{margin-top:0}.form-row{display:flex}.form-group{flex:1;margin-bottom:20px;position:relative}.form-group.full-width{width:100%}.form-group label{display:block;color:#111827}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group select{background-color:white;cursor:pointer}.form-group select option{padding:8px}.form-group input::placeholder{color:#9ca3af}.company-results{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px rgba(0,0,0,.1)}.company-option{padding:12px 18px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.company-option:hover{background:#f8fafc}.company-option:last-child{border-bottom:none}.company-option.loading{cursor:default;color:#6b7280}.selected-company{margin-top:12px;padding:12px 16px;background:#eff6ff;border:1px solid #2663eb;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.company-name{font-weight:500;color:#1d4ed8}.company-location{color:#6b7280;font-weight:400}.clear-selection{background:#ef4444;color:white;border:none;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.clear-selection:hover{background:#dc2626}.submit-button{background:#111827;color:white;border:none;padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.submit-button:hover:not(:disabled){background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,24,39,.25)}.submit-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.success-message{background-color:#d1fae5;color:#065f46;border-radius:12px;border:1px solid #a7f3d0}.error-message,.success-message{padding:16px;margin-bottom:20px;text-align:center;font-size:14px;font-weight:500}.error-message{background-color:#fef2f2;color:#dc2626;border-radius:12px;border:1px solid #fecaca}@media (max-width:768px){.user-form-container{padding:100px 20px 20px}.form-card{padding:30px 25px}.form-row{flex-direction:column;gap:0}}.user-registration-container{max-width:1000px;margin:0 auto;min-height:100vh;padding:100px 20px 40px}.registration-header{text-align:center;margin-bottom:50px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,.5)}.header-icon{width:80px;height:80px;background:#eff6ff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .3s ease}.header-icon svg{width:40px;height:40px;color:#2663eb}.registration-title{font-size:36px;font-weight:800;color:#111827;margin-bottom:12px;letter-spacing:-1px}.registration-subtitle{color:#6b7280;font-size:18px;font-weight:400;line-height:1.5;max-width:500px;margin:0 auto}.error-card,.success-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:24px;margin-bottom:30px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,.5)}.success-card{border-left:4px solid #10b981}.error-card{border-left:4px solid #ef4444}.error-icon,.success-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.success-icon{background:#d1fae5;color:#065f46}.error-icon{background:#fef2f2;color:#dc2626}.error-content h3,.success-content h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#111827}.error-content p,.success-content p{color:#6b7280;font-size:14px;margin:0}.registration-sections{display:flex;flex-direction:column;gap:30px}.section-card{width:100%;max-width:700px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:48px 40px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,.5);transition:all .3s ease;margin-bottom:0}.section-card:hover{transform:translateY(-2px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.section-header{gap:16px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.section-header,.section-icon{display:flex;align-items:center}.section-icon{width:56px;height:56px;background:#eff6ff;border-radius:16px;justify-content:center;transition:all .3s ease}.section-icon svg{width:28px;height:28px;color:#2663eb}.section-header h2{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.3px}.section-header p{color:#6b7280;font-size:16px;margin:0;font-weight:400}.section-content{display:flex;flex-direction:column;gap:24px}.input-row{gap:20px}.input-group{flex:1;position:relative}.input-group label{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.input-group input{width:100%;padding:16px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:Poppins,Arial,sans-serif;background:#ffffff;transition:all .3s ease;outline:none;color:#111827;box-sizing:border-box}.input-group input:focus{border-color:#2663eb;box-shadow:0 0 0 4px rgba(38,99,235,.1)}.input-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.input-group input::placeholder{color:#9ca3af}.register-button{background:#111827;color:white;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px}.register-button:hover:not(:disabled){background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,24,39,.25)}.register-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.user-registration-container{padding:100px 20px 20px}.registration-header{padding:30px 25px}.registration-title{font-size:28px}.registration-subtitle{font-size:16px}.section-card{padding:30px 25px}.input-row{flex-direction:column;gap:0}.error-card,.section-header,.success-card{flex-direction:column;text-align:center;gap:12px}}.back-button{background:#f3f4f6;color:#374151;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.back-button:hover{background:#e5e7eb}.page-header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);padding:40px 32px;text-align:center;border-bottom:1px solid rgba(229,231,235,.8)}.page-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:12px;letter-spacing:-.5px}.page-subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5;max-width:600px;margin:0 auto}.page-content{max-width:1200px;margin:0 auto;padding:40px 32px}.status-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.5)}.status-card.success{border-left:4px solid #10b981}.status-card.error{border-left:4px solid #ef4444}.status-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.status-card.success .status-icon{background:#d1fae5;color:#065f46}.status-card.error .status-icon{background:#fef2f2;color:#dc2626}.status-content h3{font-size:16px;font-weight:600;margin-bottom:4px;color:#111827}.status-content p{color:#6b7280;font-size:14px;margin:0}.cards-grid{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}.cards-grid>.section-card:nth-child(3):last-child{grid-column:1/span 2;justify-self:center;max-width:600px}.info-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.5);transition:all .3s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.card-header{gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.card-header,.card-icon{display:flex;align-items:center}.card-icon{width:48px;height:48px;border-radius:12px;justify-content:center;transition:all .3s ease;flex-shrink:0}.card-icon.company-icon{background:#fef3c7}.card-icon.user-icon{background:#dbeafe}.card-icon svg{width:24px;height:24px}.card-icon.company-icon svg{color:#d97706}.card-icon.user-icon svg{color:#2563eb}.card-title-section h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px;letter-spacing:-.2px}.card-title-section p{color:#6b7280;font-size:14px;margin:0;font-weight:400}.card-content{display:flex;flex-direction:column;gap:20px}.input-row{display:flex;gap:16px}.input-field{flex:1;position:relative}.input-field label{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:6px}.input-field input,.input-field textarea{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Poppins,Arial,sans-serif;background:#ffffff;transition:all .3s ease;outline:none;color:#111827;box-sizing:border-box}.input-field textarea{min-height:100px;resize:vertical}.input-field input:focus,.input-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input-field input:disabled,.input-field textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.input-field input::placeholder,.input-field textarea::placeholder{color:#9ca3af}.register-btn{margin:20px auto 0}.register-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 15px rgba(17,24,39,.25)}.register-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{width:16px;height:16px;transition:none!important;animation:none!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.register-btn:hover:not(:disabled) .btn-icon{transform:none!important}@media (max-width:768px){.page-header{padding:30px 20px}.page-title{font-size:24px}.page-content{padding:20px}.cards-grid{grid-template-columns:1fr;gap:20px}.cards-grid>.section-card:nth-child(3):last-child{grid-column:auto;max-width:100%}.info-card{padding:20px}.input-row{flex-direction:column;gap:0}.card-header,.status-card{flex-direction:column;text-align:center;gap:12px}}.blue-accent{background:#e0edff!important;border-radius:16px 16px 0 0}.company-card .card-header{background:#e0edff;border-radius:16px 16px 0 0}.company-card .card-header .card-icon{display:none}.company-card .card-content.no-inner-card{background:none;box-shadow:none;border-radius:0;margin:0;padding:0 0 24px}.company-card .input-field{background:none;box-shadow:none;border-radius:0;margin:0;padding:0}.company-card .card-icon{background:#2563eb;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:none;margin-right:0}.company-card .card-icon svg{width:28px;height:28px;display:block}.company-card .card-icon svg rect{stroke:none}@media (max-width:900px){.cards-grid{grid-template-columns:1fr}.cards-grid>.section-card:nth-child(3):last-child{grid-column:auto;max-width:100%}}.filters-card{margin-bottom:24px}.filters-content{padding:24px}.filters-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.clear-filters-btn:hover{background:#4b5563!important}.results-count{color:#6b7280;font-size:14px;font-weight:500}.table-card{background:transparent;border:none;box-shadow:none}.table-card,.table-container{padding:0;margin:0 auto;display:flex;justify-content:center;width:100%}.table-container{overflow-x:visible;max-width:90vw}.users-table{width:100%;max-width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);font-size:1.08rem}.users-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.users-table th{text-align:center;font-weight:600;border-bottom:1px solid #e5e7eb}.users-table td,.users-table th{padding:16px 12px;font-size:14px;color:#374151;white-space:nowrap}.users-table td{border-bottom:1px solid #f3f4f6;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;max-width:200px}.users-table td:nth-child(3){white-space:nowrap;word-break:normal;max-width:400px}.users-table td:nth-child(4){white-space:nowrap;word-break:normal;max-width:350px}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{gap:12px;width:100%}.user-avatar-small,.user-name-cell{display:flex;align-items:center;justify-content:center}.user-avatar-small{width:32px;height:32px;background:#2563eb;color:white;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.user-full-name{font-weight:600;color:#111827;margin-bottom:2px}.user-id{font-size:12px;color:#6b7280}.department-badge{background:#dbeafe;color:#1e40af}.department-badge,.status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.action-buttons{gap:8px}.action-btn,.action-buttons{display:flex;align-items:center}.action-btn{width:32px;height:32px;border:none;border-radius:6px;justify-content:center;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn:hover{transform:translateY(-1px)}.view-btn{color:#059669}.view-btn:hover{background:#d1fae5}.no-results{text-align:center;padding:40px}@media (max-width:1024px){.users-table{font-size:13px}.users-table td,.users-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.action-btn{width:28px;height:28px}}@media (max-width:768px){.filters-content{padding:16px}.filters-actions{flex-direction:column;gap:12px;align-items:stretch}.table-container{padding:16px}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 6px}.user-name-cell{gap:8px}.user-avatar-small{width:28px;height:28px;font-size:11px}.department-badge,.status-badge{font-size:11px;padding:3px 6px}}.error-message{color:#ef4444;font-size:12px;margin-top:2px;font-weight:400;display:block;margin-bottom:10px}.invite-btn{background:#16a34a;color:white;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;margin:0;position:relative;top:-2px}.invite-btn:hover{background:#128d3f;transform:translateY(-1px)}.pending-status{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;vertical-align:middle}.profile-container{max-width:800px;margin:0 auto;padding:0 20px}.profile-header-card{margin-bottom:24px;background:#111827;color:white;border:none;box-shadow:0 8px 32px rgba(17,24,39,.2)}.profile-header-content{display:flex;align-items:center;gap:24px;padding:32px}.profile-avatar-section{flex-shrink:0}.profile-avatar-wrapper{position:relative;cursor:pointer;display:inline-block;transition:all .2s ease}.profile-avatar-wrapper:hover{transform:scale(1.02)}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .2s ease}.profile-avatar-fallback{border-radius:50%;background:#374151;font-size:28px;font-weight:600;color:white;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.1)}.profile-avatar-fallback,.profile-avatar-overlay{width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-avatar-overlay{position:absolute;top:46.5%;left:50%;background:rgba(0,0,0,.7);border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.profile-avatar-text{color:white;font-size:12px;font-weight:600;text-align:center;line-height:1.2;font-family:Poppins,sans-serif}.profile-info-section{flex:1}.profile-name{font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.profile-email{font-size:16px;margin:0 0 16px;opacity:.9}.profile-meta{display:flex;gap:24px;flex-wrap:wrap}.profile-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.8}.profile-meta-icon{width:16px;height:16px;opacity:.7}.profile-picture-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.profile-picture-container{flex-shrink:0}.profile-picture{object-fit:cover}.profile-picture,.profile-picture-fallback{width:64px;height:64px;border-radius:50%;border:2px solid #e5e7eb}.profile-picture-fallback{background:linear-gradient(135deg,#374151,#6b7280);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:white}.profile-picture-actions{flex:1}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb;color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.upload-button:hover{background:#1d4ed8;transform:translateY(-1px)}.upload-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.upload-hint{font-size:12px;color:#6b7280;margin:0}.form-fields{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:white}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-hint{font-size:12px;color:#6b7280;margin:4px 0 0}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.save-button{padding:12px 24px;background:#10b981;color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.save-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.cancel-button{padding:12px 24px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cancel-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.dashboard-section{max-width:1400px;margin:0 auto;padding:40px 32px;position:relative}.dashboard-header{display:flex;justify-content:center;align-items:center;margin-bottom:40px;text-align:center}.dashboard-header-content{max-width:600px}.dashboard-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.5px}.dashboard-subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5;margin:0}.floating-refresh-button{position:fixed;bottom:32px;right:32px;width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;aspect-ratio:1/1;background:rgba(255,255,255,.95);color:#6b7280;border:1px solid rgba(229,231,235,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:1000;backdrop-filter:blur(10px);flex-shrink:0;padding:0;margin:0;overflow:hidden}.floating-refresh-button:hover{background:rgba(255,255,255,1);color:#374151;transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15);border-color:rgba(229,231,235,1)}.floating-refresh-button:active{transform:translateY(0)}.floating-refresh-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;transition:transform .3s ease;flex-shrink:0}.floating-refresh-button:hover svg{transform:rotate(180deg)}.refresh-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2563eb;color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#1d4ed8;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}@media (max-width:900px){.stats-grid{grid-template-columns:1fr;gap:24px;max-width:98vw}}.stat-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.5);transition:all .3s ease}.stat-card.clickable{cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.stat-card-header{justify-content:space-between;margin-bottom:16px}.stat-card-header,.stat-icon{display:flex;align-items:center}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;color:white}.stat-trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.stat-trend.positive{background:#d1fae5;color:#065f46}.stat-trend.negative{background:#fee2e2;color:#dc2626}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.stat-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.stat-subtitle{font-size:13px;color:#6b7280;margin:0}.invite-breakdown-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.5);margin-bottom:40px}.breakdown-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:24px}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.breakdown-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.breakdown-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.breakdown-item.accepted .breakdown-dot{background:#10b981}.breakdown-item.pending .breakdown-dot{background:#f59e0b}.breakdown-item.expired .breakdown-dot{background:#ef4444}.breakdown-item.never-sent .breakdown-dot{background:#6b7280}.breakdown-label{font-size:14px;color:#374151;font-weight:500;flex:1}.breakdown-value{font-size:16px;font-weight:600;color:#111827}.breakdown-percentage{font-size:12px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px;margin-left:8px}.quick-actions{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.5)}.quick-actions-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-button{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.quick-action-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.error-container{display:flex;justify-content:center;align-items:center;min-height:300px}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:32px;text-align:center;max-width:400px}.error-card h3{font-size:18px;font-weight:600;color:#dc2626;margin-bottom:8px}.error-card p{color:#991b1b;margin-bottom:20px}.retry-button{padding:12px 24px;background:#dc2626;color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{font-size:16px;color:#6b7280}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;align-items:stretch;text-align:center}.dashboard-header-content{max-width:100%}.breakdown-grid,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.floating-refresh-button{bottom:24px;right:24px;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}.floating-refresh-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}}@media (max-width:480px){.floating-refresh-button{bottom:16px;right:16px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}.floating-refresh-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.setting-item:hover{background:#f1f5f9;border-color:#cbd5e1}.setting-item.danger-zone{border-color:#fecaca;background:#fef2f2}.setting-item.danger-zone:hover{border-color:#fca5a5;background:#fef2f2}.setting-info{gap:16px;flex:1}.setting-icon,.setting-info{display:flex;align-items:center}.setting-icon{width:40px;height:40px;background:#e5e7eb;border-radius:8px;justify-content:center;color:#6b7280;flex-shrink:0}.setting-icon.danger{background:#fecaca;color:#dc2626}.setting-details{flex:1}.setting-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.setting-description{font-size:14px;color:#6b7280;margin:0}.setting-value{display:flex;align-items:center}.account-info{font-size:14px;color:#6b7280;font-style:italic}.setting-action-button{padding:8px 16px;background:#2563eb;color:white;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.setting-action-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.setting-action-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.setting-action-button.danger{background:#dc2626}.setting-action-button.danger:hover:not(:disabled){background:#b91c1c}@media (max-width:768px){.profile-container{padding:0 16px}.profile-header-content{flex-direction:column;text-align:center;padding:24px}.profile-meta{justify-content:center}.profile-picture-section{flex-direction:column;text-align:center;gap:16px}.form-row{grid-template-columns:1fr;gap:16px}.form-actions,.setting-item{flex-direction:column}.setting-item{align-items:flex-start;gap:16px}.setting-info{width:100%}.setting-action-button{width:100%;justify-content:center}}@media (max-width:480px){.profile-header-content{padding:20px}.profile-name{font-size:24px}.profile-meta{flex-direction:column;gap:12px}.profile-picture-section{padding:20px}}.request-access-btn:hover:not(:disabled) .button-arrow{transform:translateX(-3px)}.back-to-signin-btn{background:#6b7280;color:white;border:none;padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.back-to-signin-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,114,128,.25)}.back-to-signin-btn:active{transform:translateY(0)}.back-to-signin-btn:disabled{opacity:.6;cursor:not-allowed}.back-to-signin-btn:hover:not(:disabled) .button-arrow{transform:translateX(-3px)}.modern-card{background:white;border-radius:16px;border:1px solid rgba(229,231,235,.6);box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;margin-bottom:24px;overflow:hidden}.modern-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-2px)}.modern-header{gap:16px;padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(229,231,235,.6);position:relative}.modern-header,.modern-icon{display:flex;align-items:center}.modern-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(37,99,235,.2)}.modern-icon svg{width:24px;height:24px;color:white}.modern-text{flex:1;min-width:0}.modern-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.025em}.modern-subtitle{color:#6b7280;margin:0;line-height:1.5}.modern-edit-btn,.modern-subtitle{font-family:Poppins,sans-serif;font-size:14px}.modern-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb;color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(37,99,235,.2);justify-content:center;text-align:center}.modern-edit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.modern-edit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.modern-fields{margin-bottom:32px}.modern-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.modern-group{display:flex;flex-direction:column}.modern-label{font-weight:600;color:#374151;margin-bottom:8px;letter-spacing:-.025em}.modern-input,.modern-label{font-family:Poppins,sans-serif;font-size:14px}.modern-input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s ease;background:white;color:#111827}.modern-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.modern-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.modern-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.modern-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.modern-hint{color:#6b7280;line-height:1.4}.modern-error,.modern-hint{font-family:Poppins,sans-serif;font-size:12px;margin:6px 0 0}.modern-error{color:#ef4444;font-weight:500}.modern-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.modern-save-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(16,185,129,.2)}.modern-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.modern-save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.modern-cancel-btn{padding:12px 24px;background:white;color:#374151;border:2px solid #e5e7eb;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modern-cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.modern-cancel-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;transform:none}.modern-settings{display:flex;flex-direction:column;gap:16px}.modern-setting{display:flex;align-items:flex-start;justify-content:flex-start;padding:20px 24px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;min-height:80px;gap:16px}.modern-setting-info{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.modern-setting-btn{padding:10px 16px;background:#2563eb;color:white;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(37,99,235,.2);flex-shrink:0;min-width:80px;white-space:nowrap;width:auto!important;align-self:flex-start;margin-top:2px}@media (max-width:600px){.modern-setting-btn{width:100%!important}}.modern-setting:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.modern-setting.modern-danger{border-color:#fecaca;background:#fef2f2}.modern-setting.modern-danger:hover{border-color:#fca5a5;background:#fef2f2}.modern-setting-icon{width:44px;height:44px;background:#e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;transition:all .2s ease}.modern-setting-icon.modern-danger-icon{background:#fecaca;color:#dc2626}.modern-setting-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.modern-setting-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#111827;margin:0;letter-spacing:-.025em;line-height:1.4}.modern-setting-description{font-family:Poppins,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.modern-setting-value{display:flex;align-items:center;flex-shrink:0}.modern-account-info{font-family:Poppins,sans-serif;font-size:14px;color:#6b7280;font-style:italic}.modern-setting-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.modern-setting-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.modern-setting-btn.modern-danger-btn{background:#dc2626;box-shadow:0 2px 8px rgba(220,38,38,.2)}.modern-setting-btn.modern-danger-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px rgba(220,38,38,.3)}@media (max-width:768px){.modern-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.modern-icon{width:40px;height:40px}.modern-icon svg{width:20px;height:20px}.modern-title{font-size:18px}.modern-subtitle{font-size:13px}.modern-edit-btn{align-self:flex-end;margin-top:-40px}.modern-content{padding:24px}.modern-row{grid-template-columns:1fr;gap:20px}.modern-actions{flex-direction:column}.modern-setting{gap:16px;padding:20px}.modern-setting,.modern-setting-info{flex-direction:column;align-items:flex-start}.modern-setting-info{width:100%;gap:12px}.modern-setting-btn{width:100%;justify-content:center;min-width:unset}}@media (max-width:480px){.modern-header{padding:16px 20px}.modern-content{padding:20px}.modern-title{font-size:16px}.modern-subtitle{font-size:12px}.modern-setting{padding:16px}.modern-setting-icon{width:36px;height:36px}.modern-setting-title{font-size:14px}.modern-setting-description{font-size:12px}}.modern-header.modern-personal-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:1px solid #e5e7eb;padding:32px 40px 28px;box-shadow:none;margin-top:48px;min-height:80px}.modern-header-left{display:flex;flex-direction:row;align-items:center;gap:20px;flex:1}.modern-header-left .modern-icon{margin-right:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.modern-header-left .section-text{display:flex;flex-direction:column;justify-content:center;flex:1}.modern-header .modern-edit-btn{min-width:120px;width:auto;align-self:flex-start;margin-left:32px;box-shadow:0 2px 8px rgba(37,99,235,.1);flex-shrink:0}.modern-header .edit-button-placeholder{min-width:120px;margin-left:32px;flex-shrink:0;visibility:hidden}@media (max-width:900px){.modern-header.modern-personal-header{padding:24px 16px 20px}.modern-header .modern-edit-btn{margin-left:16px}}@media (max-width:600px){.modern-header.modern-personal-header{flex-direction:column;align-items:flex-start;padding:16px 8px 12px}.modern-header .modern-edit-btn{margin-left:0;margin-top:16px;width:100%;align-self:stretch}.modern-header-left{gap:12px}}.section-card.modern-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:60vh;margin-top:32px;padding-top:0;margin-bottom:32px}.modern-header{padding-top:0;padding-bottom:0}.modern-content{padding-top:0;flex:1;display:flex;flex-direction:column}@media (max-width:900px){.modern-content{padding:32px 16px}}@media (max-width:600px){.modern-content{padding:20px 8px}}.profile-outer-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;padding-bottom:32px}.modern-content-spacer{height:48px}.modern-header.modern-account-header{margin-top:48px;margin-bottom:32px}.section-card.modern-card{margin-bottom:16px;min-height:unset}.modern-content{padding-bottom:0;margin-bottom:0;justify-content:flex-start}.modern-fields .form-group.modern-group:last-child,.modern-header.modern-personal-header{margin-bottom:0}.modern-fields--spaced{margin-top:32px}.modern-content .modern-settings{padding-top:0}@media (max-width:768px){.modern-setting-btn{justify-content:center;min-width:unset}}@media (max-width:600px){.modern-setting-btn{width:100%}}.comparison-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.6);transition:all .3s ease}.comparison-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.comparison-icon{width:48px;height:48px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.comparison-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.comparison-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#111827;margin:0}.comparison-content{display:flex;align-items:center;gap:16px}.comparison-item{flex:1;text-align:center;display:flex;flex-direction:column;gap:4px}.comparison-value{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:#111827;line-height:1}.comparison-label{font-family:Poppins,sans-serif;font-size:13px;color:#6b7280;font-weight:500}.comparison-divider{width:1px;height:40px;background:rgba(229,231,235,.8);flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-form{padding:0 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group input:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.disabled-input{background:#f9fafb!important;color:#6b7280!important}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#2563eb;color:white}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.modal-content{margin:20px;max-height:calc(100vh - 40px)}.form-grid{grid-template-columns:1fr;gap:16px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.track-usage-analytics-modal{max-width:600px}.modal-header-content{display:flex;align-items:center;gap:16px;flex:1}.modal-app-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3f4f6}.modal-title{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.modal-body{padding:0 24px 24px}@media (max-width:768px){.track-usage-analytics-modal{margin:20px;max-height:calc(100vh - 40px)}.modal-header-content{flex-direction:column;align-items:flex-start;gap:12px}.modal-app-icon{font-size:24px;width:40px;height:40px}.modal-title{font-size:18px}.modal-subtitle{font-size:13px}}.toast-notification{position:fixed!important;top:24px!important;right:24px!important;background:#ffffff!important;color:#1f2937!important;padding:12px 40px 12px 16px!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)!important;z-index:1001!important;display:flex!important;align-items:center!important;gap:10px!important;max-width:320px!important;min-width:200px!important;font-family:Poppins,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(0,0,0,.08)!important;overflow:visible!important}.toast-notification.error{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important;box-shadow:0 4px 12px rgba(220,38,38,.15),0 0 0 1px rgba(220,38,38,.1)!important}.toast-icon{width:20px!important;height:20px!important;border-radius:50%!important;background:#10b981!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffffff!important;font-size:12px!important;font-weight:700!important;flex-shrink:0!important;box-shadow:0 2px 4px rgba(16,185,129,.3)!important}.toast-notification.error .toast-icon{background:#ef4444!important;box-shadow:0 2px 4px rgba(239,68,68,.3)!important}.toast-close{position:absolute!important;bottom:12px!important;right:8px!important;background:none!important;border:none!important;color:#6b7280!important;font-size:16px!important;cursor:pointer!important;padding:2px!important;opacity:.7!important;transition:all .2s ease!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;line-height:1!important;font-weight:700!important;z-index:1002!important}.toast-close:hover{background:#f3f4f6!important;opacity:1!important;color:#374151!important;transform:scale(1.1)!important}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) translateY(20px) scale(.95)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}@media (max-width:768px){.toast-notification{bottom:16px!important;right:16px!important;left:16px!important;max-width:none!important;min-width:auto!important;padding-right:40px!important}.toast-close{top:50%!important;right:6px!important}}.modal-close-btn{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;cursor:pointer;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex-shrink:0}.modal-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.close-icon{font-size:16px;font-weight:700}.edit-btn{background:#2563eb;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.edit-btn:hover{background:#1e40c9;transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.2)}.delete-btn{background:#ef4444;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.2)}.actions-container{display:flex;gap:12px;justify-content:center}.users-table td:last-child{text-align:center;vertical-align:middle;padding-top:12px;padding-bottom:12px}.register-button:hover:not(:disabled) .btn-icon{transform:none!important}form{text-align:left}.register-btn-container{text-align:center;margin-top:20px}.register-btn{background:#111827;color:white;border:none;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-width:160px}.btn-delete:disabled,.edit-btn:disabled,.invite-btn:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:1!important;box-shadow:none!important;border:none!important}.btn-delete{background:#ef4444;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;cursor:pointer;transition:all .2s ease;min-width:60px;display:inline-flex;align-items:center;justify-content:center}.btn-delete:hover:not(:disabled){background:#dc2626}.app-management-container{font-family:Poppins,Arial,sans-serif;background:#eff6ff;min-height:100vh;padding:32px}.app-management-header{text-align:center;margin-bottom:60px}.app-management-title{font-size:36px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-.5px}.app-management-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.app-management-card{background:rgba(255,255,255,.95);border-radius:20px;padding:40px;margin-bottom:32px;box-shadow:0 10px 40px rgba(0,0,0,.1)}.app-suite-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:24px}.app-suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.app-card{border:2px solid #e5e7eb;border-radius:16px;padding:24px;background:#f9fafb;transition:all .3s ease}.app-card.enabled{border-color:#10b981;background:#f0fdf4}.app-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.app-card-icon{font-size:32px}.app-card-title{font-size:18px;font-weight:600;margin:0 0 4px}.app-card-desc{font-size:14px;color:#6b7280;margin:0}.app-card-toggle{display:flex;align-items:center;cursor:pointer}.app-card-toggle input[type=checkbox]{width:20px;height:20px}.app-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#6b7280}.app-card-footer .manage-btn{background:#2563eb;color:white;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.approvers-section{background:rgba(255,255,255,.95);border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:100%;margin-left:auto;margin-right:auto}.approvers-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.approvers-section-title{font-size:20px;font-weight:600;color:#111827;margin:0}.current-approvers-list{display:grid;gap:12px;margin-bottom:24px}.current-approver-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.current-approver-info{font-weight:600;color:#111827}.current-approver-meta{font-size:14px;color:#6b7280}.remove-approver-btn{background:#ef4444;color:white;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;width:200px}.remove-approver-btn:hover{background:#dc2626;transform:translateY(-1px)}.no-approvers-card{padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;text-align:center}.no-approvers-title{font-size:16px;font-weight:600;color:#dc2626;margin-bottom:4px}.no-approvers-desc{font-size:14px;color:#991b1b}.add-approvers-section{max-width:100%;margin:0 auto}.add-approvers-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px}.add-approvers-list{display:grid;gap:12px}.add-approver-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.add-approver-info{font-weight:600;color:#111827}.add-approver-meta{font-size:14px;color:#6b7280}.add-approver-btn{background:#2563eb;color:white;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;width:200px;margin-top:5px}.add-approver-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.pdf-upload-area{background:#f3f4f6;border:2px dashed #2563eb;border-radius:10px;padding:24px 16px;text-align:center;margin-bottom:16px;transition:border-color .2s}.pdf-upload-area.dragover{border-color:#1d4ed8}.pdf-upload-label{display:block;font-weight:500;color:#374151;margin-bottom:12px;font-size:15px}.pdf-upload-input[type=file]{display:none}.pdf-upload-btn{background:#2563eb;color:white;border:none;border-radius:8px;padding:8px 20px;font-size:15px;font-weight:500;cursor:pointer;margin-top:8px;transition:background .2s}.pdf-upload-btn:hover:not(:disabled){background:#1d4ed8}.pdf-upload-file-name{color:#2563eb}.pdf-upload-error,.pdf-upload-file-name{font-size:14px;margin-top:10px;font-weight:500}.pdf-upload-error{color:#ef4444}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:12px;padding:32px 24px;text-align:center;background:#f9fafb;transition:all .2s ease;cursor:pointer;overflow:hidden}.file-upload-area.dragover,.file-upload-area:hover{border-color:#2563eb;background:#eff6ff}.file-upload-area.dragover{transform:scale(1.02)}.file-upload-label{display:block;cursor:pointer}.file-upload-text{display:flex;flex-direction:column;gap:4px}.file-upload-primary{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#374151}.file-upload-secondary{font-family:Poppins,sans-serif;font-size:14px;color:#6b7280}.selected-file{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#2563eb}.selected-file i{font-size:18px}.selected-file-name{font-weight:500}.file-error,.selected-file-name{font-family:Poppins,sans-serif;font-size:14px}.file-error{color:#ef4444;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.track-usage-container{font-family:Poppins,Arial,sans-serif;background:#eff6ff;min-height:100vh;padding:32px}.track-usage-header{text-align:center;margin-bottom:40px}.track-usage-title{font-size:36px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-.5px}.track-usage-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.track-usage-nav{display:flex;justify-content:center;background:rgba(255,255,255,.95);border-radius:16px;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:800px;margin:0 auto 40px}.track-usage-nav-tab{flex:1;padding:12px 20px;border:none;border-radius:12px;background:transparent;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.track-usage-nav-tab.active{background:#2563eb;color:white}.track-usage-date-filter{display:flex;justify-content:center;margin-bottom:32px}.track-usage-date-container{background:rgba(255,255,255,.95);border-radius:12px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;gap:4px}.track-usage-date-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;font-size:14px}.track-usage-date-btn.active{background:#f3f4f6;color:#111827}.track-usage-content{max-width:1400px;margin:0 auto}.track-usage-overview{display:flex;flex-direction:column;gap:32px}.track-usage-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.track-usage-metric-card{background:rgba(255,255,255,.95);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.6)}.track-usage-metric-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.track-usage-metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.track-usage-metric-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.track-usage-metric-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.track-usage-metric-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.track-usage-metric-icon.growth{background:linear-gradient(135deg,#10b981,#059669)}.track-usage-metric-icon.growth.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.track-usage-metric-value{font-size:28px;font-weight:700;color:#111827}.track-usage-metric-label{font-size:14px;color:#6b7280}.track-usage-revenue-card{background:rgba(255,255,255,.95);border-radius:20px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,.5)}.track-usage-revenue-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:24px}.track-usage-revenue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.track-usage-app-card{border:2px solid #f3f4f6;border-radius:16px;padding:20px;background:#fafbfc;transition:all .3s ease;cursor:pointer}.track-usage-app-card:hover{border-color:var(--app-color);background:#ffffff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.track-usage-app-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.track-usage-app-icon{font-size:24px}.track-usage-app-name{font-size:18px;font-weight:600;color:#111827}.track-usage-app-customers{font-size:14px;color:#6b7280}.track-usage-app-stats{display:flex;justify-content:space-between;align-items:center}.track-usage-app-revenue{font-size:20px;font-weight:700;color:var(--app-color)}.track-usage-app-usage{font-size:12px;color:#6b7280}.track-usage-companies-container{display:flex;flex-direction:column;gap:24px}.track-usage-search-card{background:rgba(255,255,255,.95);border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;gap:16px;align-items:center}.track-usage-search-input{flex:1}.track-usage-search-input,.track-usage-search-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none}.track-usage-table-card{background:rgba(255,255,255,.95);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.track-usage-table-container{overflow-x:auto}.track-usage-table{width:100%;border-collapse:collapse}.track-usage-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.track-usage-table th{padding:16px;text-align:left;font-weight:600;color:#374151}.track-usage-table tbody tr{border-bottom:1px solid #f3f4f6}.track-usage-table tbody tr:hover{background:#f9fafb}.track-usage-table td{padding:16px}.track-usage-company-name{font-weight:600;color:#111827}.track-usage-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.track-usage-status-badge.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.track-usage-status-badge.past_due{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.track-usage-status-badge.canceled{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.track-usage-status-badge.trialing{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.track-usage-billing-amount{font-weight:600;color:#111827}.track-usage-app-badges{display:flex;gap:8px;flex-wrap:wrap}.track-usage-app-badge{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.track-usage-date-text{color:#6b7280}.track-usage-analytics-container{display:flex;flex-direction:column;gap:24px}.track-usage-app-selector{background:rgba(255,255,255,.95);border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.track-usage-app-selector-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#111827}.track-usage-app-buttons{display:flex;gap:12px;flex-wrap:wrap}.track-usage-app-btn{padding:12px 20px;border:2px solid #e5e7eb;border-radius:12px;background:white;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease}.track-usage-app-btn.active{border-color:var(--app-color);background:var(--app-color-light);color:var(--app-color)}.track-usage-app-details{background:rgba(255,255,255,.95);border-radius:20px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.1)}.track-usage-app-details-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.track-usage-app-details-icon{font-size:32px}.track-usage-app-details-title{font-size:28px;font-weight:700;color:#111827;margin:0}.track-usage-app-details-subtitle{color:#6b7280;margin:4px 0 0}.track-usage-app-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.track-usage-app-stat-card{padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb}.track-usage-app-stat-value{font-size:24px;font-weight:700;color:var(--app-color,#111827)}.track-usage-app-stat-label{font-size:14px;color:#6b7280;margin-top:4px}.track-usage-billing-placeholder{background:rgba(255,255,255,.95);border-radius:20px;padding:60px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.1)}.track-usage-billing-icon{font-size:48px;margin-bottom:16px}.track-usage-billing-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.track-usage-billing-text{color:#6b7280}@media (max-width:1024px){.track-usage-revenue-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.track-usage-revenue-grid{grid-template-columns:1fr}}.growth-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(229,231,235,.6);transition:all .3s ease}.growth-card,.growth-card.clickable{cursor:pointer}.growth-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.growth-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.growth-icon{width:48px;height:48px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#16a34a;flex-shrink:0}.growth-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.growth-trend{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#16a34a;background:rgba(34,197,94,.1)}.growth-trend.negative{color:#dc2626;background:rgba(239,68,68,.1)}.growth-trend svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}.growth-content{display:flex;flex-direction:column;gap:4px}.growth-value{font-size:32px;font-weight:700;color:#111827;line-height:1}.growth-title,.growth-value{font-family:Poppins,sans-serif;margin:0}.growth-title{font-size:16px;font-weight:600;color:#374151}.growth-subtitle{font-family:Poppins,sans-serif;font-size:13px;color:#6b7280;margin:0}@media (max-width:768px){.dashboard-header{padding:20px;margin-bottom:20px}.dashboard-header-content{text-align:center}.breakdown-grid,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.floating-refresh-button{bottom:20px;right:20px;width:48px;height:48px}.floating-refresh-button svg{width:18px;height:18px}.comparison-card,.growth-card{padding:20px}.comparison-card-header{margin-bottom:16px}.comparison-icon,.growth-icon{width:40px;height:40px}.comparison-icon svg,.growth-icon svg{width:20px;height:20px}.comparison-title{font-size:16px}.comparison-value{font-size:24px}.growth-value{font-size:28px}.growth-trend{padding:4px 8px;font-size:11px}}.dashboard-card-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:18px;font-family:inherit;text-align:center}@media (max-width:600px){.dashboard-card-title{font-size:1.1rem;margin-bottom:14px}}.view-users-btn{background:#16a34a;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.view-users-btn:hover{background:#128d3f;transform:translateY(-1px);box-shadow:0 2px 4px rgba(22,163,74,.2)}