body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;min-height:100vh}.main-content{background:#f5f6fa;flex:1 1;margin-left:260px;margin-top:70px;min-height:100vh;transition:margin-left .3s ease}.page-content{min-height:calc(100vh - 70px)}@media (max-width:1024px){.main-content{margin-left:80px}}@media (max-width:768px){.main-content{margin-left:0;margin-top:60px;padding:10px}.page-content{min-height:calc(100vh - 60px)}}@media (max-width:480px){.main-content{margin-top:55px}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.preloader{align-items:center;animation:fadeOut .5s ease-in-out 2s forwards;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.preloader-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 20px;width:60px}.preloader-content h2{font-size:32px;font-weight:700;letter-spacing:2px;margin:10px 0}.preloader-content p{font-size:14px;letter-spacing:1px;opacity:.9}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;overflow:hidden;position:absolute;width:100%}.login-background .shape{background:#ffffff1a;border-radius:50%;position:absolute}.login-background .shape:first-child{animation:float 6s ease-in-out infinite;height:300px;right:-100px;top:-100px;width:300px}.login-background .shape:last-child{animation:float 8s ease-in-out infinite reverse;bottom:-150px;height:400px;left:-150px;width:400px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px 40px;position:relative;width:100%;z-index:10}.login-header{margin-bottom:40px;text-align:center}.logo{display:flex;justify-content:center;margin-bottom:20px}.logo-icon{animation:pulse 2s ease-in-out infinite;font-size:60px}.login-header h1{color:#333;font-size:32px;font-weight:700;margin:10px 0}.login-header p{color:#666;font-size:14px;margin:5px 0 0}.login-form{margin-bottom:20px}.error-message{border:1px solid #fcc;border-radius:8px}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block}.form-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-options{justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#666;cursor:pointer;font-size:14px}.remember-me input{cursor:pointer;margin-right:8px;width:auto}.remember-me span{-webkit-user-select:none;user-select:none}.forgot-password{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#764ba2}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-button:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.back-button{background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.back-button:hover{background:#667eea;color:#fff}.back-button:disabled,.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:14px;margin:0}.login-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#764ba2}@media (max-width:768px){.login-box{margin:20px;max-width:90%;padding:30px 25px}.login-header h1{font-size:28px}.login-form .form-group label,.login-header p{font-size:13px}.login-btn{font-size:15px;padding:14px}}@media (max-width:480px){.login-box{box-shadow:none;margin:10px;max-width:95%;padding:25px 20px}.login-icon{font-size:50px;height:80px;width:80px}.login-header h1{font-size:24px}.login-header p{font-size:12px}.form-input{font-size:14px;padding:12px 40px 12px 15px}.toggle-password{right:12px}.login-btn{font-size:14px;padding:12px}.login-footer p{font-size:12px}.login-background .shape:first-child{height:200px;width:200px}.login-background .shape:last-child{height:250px;width:250px}}.sidebar{background:linear-gradient(180deg,#2c3e50,#34495e);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:25px 20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.logo-icon{animation:glow 2s ease-in-out infinite;font-size:32px}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}}.logo-text{font-size:24px;font-weight:700;letter-spacing:1px}.collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.collapse-btn:hover{background:#fff3;transform:scale(1.1)}.sidebar-menu{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.menu-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;margin:5px 10px;padding:15px 20px;position:relative;transition:all .3s ease}.menu-item:hover{background:#ffffff1a;transform:translateX(5px)}.menu-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.menu-icon{align-items:center;display:flex;font-size:24px;justify-content:center;min-width:24px}.menu-label{font-size:15px;font-weight:500;margin-left:15px;white-space:nowrap}.active-indicator{animation:blink 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;position:absolute;right:15px;width:8px}.menu-item-container{position:relative}.submenu-arrow{font-size:10px;position:absolute;right:15px;transition:transform .3s ease}.submenu{animation:slideDown .3s ease;background:#0003;border-radius:8px;margin:5px 0 5px 45px;overflow:hidden}.submenu-item{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;position:relative;transition:all .3s ease}.submenu-item:hover{background:#ffffff1a;padding-left:25px}.submenu-item.active{background:#667eea80;font-weight:600}.submenu-label{font-size:14px;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-profile{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.user-profile:hover{background:#ffffff1a}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.user-info{overflow:hidden}.user-name{font-size:14px;font-weight:600}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffffb3;font-size:12px}.sidebar.collapsed .menu-item{justify-content:center;padding:15px}.sidebar.collapsed .user-profile{justify-content:center;padding:12px}.submenu{display:block}@media (max-width:1024px){.sidebar{width:80px}.sidebar .collapse-btn,.sidebar .logo-text,.sidebar .menu-label,.sidebar .submenu-label,.sidebar .user-info{display:none}.sidebar .menu-item{justify-content:center;padding:15px}.sidebar .user-profile{justify-content:center;padding:12px}.sidebar .submenu{display:none!important}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:1001}.sidebar.mobile-open{transform:translateX(0)}.sidebar .collapse-btn,.sidebar .logo-text,.sidebar .menu-label,.sidebar .submenu-label,.sidebar .user-info{display:block}.sidebar .menu-item{justify-content:flex-start;padding:15px 20px}.sidebar .user-profile{gap:12px;justify-content:flex-start}.sidebar .submenu{display:block!important}}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.mobile-overlay.active{display:block}}.topbar{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;height:70px;justify-content:space-between;left:260px;padding:0 30px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:900}.topbar-left .page-title{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.topbar-right{gap:20px}.search-box,.topbar-right{align-items:center;display:flex}.search-box{background:#f5f6fa;border-radius:25px;min-width:250px;padding:10px 15px;transition:all .3s ease}.search-box:focus-within{background:#e8eaf0;box-shadow:0 0 0 3px #667eea1a}.search-icon{font-size:16px;margin-right:8px;opacity:.6}.search-box input{background:#0000;border:none;color:#2c3e50;font-size:14px;outline:none;width:100%}.search-box input::placeholder{color:#95a5a6}.icon-button,.topbar-item{position:relative}.icon-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.icon-button:hover{background:#f5f6fa;transform:scale(1.1)}.icon-button .icon{font-size:24px}.badge{animation:pulse-badge 2s ease-in-out infinite;background:#e74c3c;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:5px;text-align:center;top:5px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dropdown{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:320px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:15px 20px}.dropdown-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.mark-read-btn{background:#0000;border:none;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;transition:color .3s ease}.mark-read-btn:hover{color:#764ba2}.dropdown-body{max-height:400px;overflow-y:auto}.dropdown-body::-webkit-scrollbar{width:6px}.dropdown-body::-webkit-scrollbar-track{background:#f5f6fa}.dropdown-body::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.notification-item{align-items:start;border-bottom:1px solid #ecf0f1;cursor:pointer;display:flex;gap:12px;padding:15px 20px;transition:background .3s ease}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f4ff}.notification-content{flex:1 1}.notification-content p{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 5px}.notification-time{color:#95a5a6;font-size:12px}.unread-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.dropdown-footer{border-top:1px solid #ecf0f1;padding:12px 20px;text-align:center}.dropdown-footer a{color:#667eea;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s ease}.dropdown-footer a:hover{color:#764ba2}.settings-item{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;transition:all .3s ease}.settings-item:hover{background:#f8f9fa;padding-left:25px}.settings-icon{font-size:18px;text-align:center;width:24px}.settings-divider{background:#ecf0f1;height:1px;margin:8px 0}.settings-item.logout{color:#e74c3c}.settings-item.logout:hover{background:#fee}.user-info-topbar{align-items:center;background:#f5f6fa;border-radius:25px;cursor:pointer;display:flex;gap:10px;padding:8px 15px;transition:all .3s ease}.user-info-topbar:hover{background:#e8eaf0}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:35px;justify-content:center;width:35px}.user-details{align-items:flex-start;display:flex;flex-direction:column}.user-name-small{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.2}.user-role-small{color:#7f8c8d;font-size:11px;line-height:1.2}@media (max-width:1024px){.topbar{left:80px;padding:0 20px}.search-box{min-width:200px}}@media (max-width:768px){.topbar{height:60px;left:0;padding:0 15px}.topbar-left .page-title{font-size:18px}.search-box{display:none}.topbar-right{gap:10px}.user-details{display:none}.icon-button{padding:8px}.icon-button .icon{font-size:20px}}@media (max-width:480px){.topbar{height:55px;padding:0 10px}.topbar-left .page-title{font-size:16px}.topbar-right{gap:5px}.dropdown{min-width:280px;right:-10px}}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;margin-right:10px;padding:8px}.hamburger-menu .icon{color:#2c3e50;font-size:24px}@media (max-width:768px){.hamburger-menu{display:block}}.ai-assistant-container{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:fixed;right:20px;z-index:9999}.ai-assistant-toggle{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.ai-assistant-toggle:hover{box-shadow:0 6px 25px #667eea99;transform:scale(1.1)}@keyframes pulse{0%,to{box-shadow:0 4px 20px #667eea66}50%{box-shadow:0 4px 30px #667eeab3}}.ai-icon{animation:bounce 2s infinite;font-size:30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-badge{background:#ff4757;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.ai-assistant-window{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:600px;overflow:hidden;width:400px}.ai-assistant-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.ai-header-content{align-items:center;display:flex;gap:12px}.ai-header-text h3{font-size:18px;font-weight:600;margin:0}.ai-status{align-items:center;display:flex;font-size:12px;gap:6px;opacity:.9}.ai-status:before{animation:blink 2s infinite;background:#2ecc71;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ai-header-actions{display:flex;gap:8px}.ai-clear-btn,.ai-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-clear-btn:hover,.ai-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.ai-assistant-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.ai-assistant-messages::-webkit-scrollbar{width:6px}.ai-assistant-messages::-webkit-scrollbar-track{background:#0000}.ai-assistant-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.ai-assistant-messages::-webkit-scrollbar-thumb:hover{background:#ccc}.ai-message{animation:messageSlide .3s ease;display:flex;flex-direction:column;max-width:80%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message.user{align-self:flex-end}.ai-message.bot{align-self:flex-start}.ai-message-content{word-wrap:break-word;border-radius:16px;font-size:14px;line-height:1.5;padding:12px 16px;white-space:pre-wrap}.ai-message.user .ai-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.ai-message.bot .ai-message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d;color:#333}.ai-message-time{color:#999;font-size:11px;margin-top:4px;padding:0 8px}.ai-message.user .ai-message-time{text-align:right}.typing-indicator{display:flex;gap:4px;padding:4px}.typing-indicator span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-assistant-input{align-items:flex-end;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.ai-assistant-input textarea{border:1px solid #e0e0e0;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;outline:none;padding:10px 14px;resize:none;transition:all .2s ease}.ai-assistant-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ai-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.ai-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5}.ai-quick-actions{background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:8px;overflow-x:auto;padding:12px 20px 16px}.ai-quick-actions::-webkit-scrollbar{height:4px}.ai-quick-actions::-webkit-scrollbar-track{background:#0000}.ai-quick-actions::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.ai-quick-actions button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.ai-quick-actions button:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.ai-assistant-window{height:calc(100vh - 100px);max-height:600px;max-width:400px;width:calc(100vw - 40px)}}@media (max-width:480px){.ai-assistant-container{bottom:10px;right:10px}.ai-assistant-toggle{height:50px;width:50px}.ai-icon{font-size:24px}.ai-assistant-window{height:calc(100vh - 80px);width:calc(100vw - 20px)}.ai-quick-actions{flex-wrap:wrap}}.status-badge.active{background:#d4edda;color:#155724}.action-icon-btn:hover{transform:scale(1.2)}.stat-subtitle{color:#95a5a6;font-size:12px;margin-top:5px}.dashboard-tabs{border-bottom:2px solid #ecf0f1;display:flex;gap:10px;margin:30px 0 20px;overflow-x:auto;padding-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#667eea}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.tab-content{margin-top:30px}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#2c3e50;font-size:18px;margin:0 0 10px}.chart-description{color:#7f8c8d;font-size:13px;margin-bottom:20px}.chart-card canvas{height:auto!important;margin-top:20px;width:100%!important}.stats-summary{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.stats-summary h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:16px;margin:0 0 20px;padding-bottom:10px}.summary-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:15px 0}.summary-item:last-child{border-bottom:none}.summary-item.highlight{background:linear-gradient(135deg,#f8f9ff,#fff5f5);border:2px solid #667eea;border-radius:8px;margin-bottom:15px;padding:15px}.summary-label{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:10px}.summary-rank{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.summary-value{color:#2c3e50;font-size:16px;font-weight:600;text-align:right}.amount-small{color:#27ae60;font-size:11px;font-weight:500}.performance-stats{grid-gap:20px;display:grid;gap:20px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.perf-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:25px;text-align:center;transition:all .3s ease}.perf-card:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-5px)}.perf-card h4{font-size:14px;font-weight:500;margin:0 0 15px;opacity:.9}.perf-value{font-size:28px;font-weight:700;margin:0}.renewals-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.renewals-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.renewals-header h3{color:#2c3e50;font-size:24px;margin:0}.month-selector{align-items:center;display:flex;gap:10px}.month-selector label{color:#555;font-weight:600}.month-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.month-selector select:hover{border-color:#667eea}.month-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.renewals-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 3px 10px #00000014;padding:25px;text-align:center}.summary-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-card h4{font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 15px;opacity:.9;text-transform:uppercase}.big-number{font-size:36px;font-weight:700;margin:0}.renewals-table{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.renewals-table table{border-collapse:collapse;width:100%}.renewals-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.renewals-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.renewals-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px}.renewals-table tbody tr:hover{background:#f8f9fa}.renewals-table .urgent{color:#e74c3c;font-weight:600}@media (max-width:1024px){.chart-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}.renewals-header{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:768px){.page-container{padding:15px}.page-header{margin:-15px -15px 20px;padding:20px 15px}.page-header h1{font-size:22px}.page-subtitle{font-size:13px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}.stat-subtitle{font-size:12px}.dashboard-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{font-size:13px;padding:12px 15px;white-space:nowrap}.chart-card{padding:15px}.chart-card h3{font-size:16px}.chart-description{font-size:12px}.chart-card canvas{height:auto!important;max-width:100%}.performance-stats{gap:12px;grid-template-columns:1fr}.perf-card{padding:15px}.renewals-summary{gap:12px;grid-template-columns:1fr}.summary-card{padding:15px}.month-selector{align-items:stretch;flex-direction:column;gap:10px}.month-selector select{width:100%}.renewals-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.renewals-table table{font-size:12px;min-width:600px}.renewals-table td,.renewals-table th{padding:10px 8px}.stats-summary{padding:15px}}@media (max-width:480px){.page-container{padding:10px}.page-header{margin:-10px -10px 15px;padding:15px 10px}.page-header h1{font-size:18px}.page-subtitle{font-size:12px}.stat-card{gap:12px;padding:15px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-value{font-size:24px}.stat-content h3{font-size:12px}.dashboard-tabs{gap:5px;padding:0}.tab-btn{font-size:12px;padding:10px 12px}.chart-card{padding:12px}.chart-card h3{font-size:14px}.big-number{font-size:28px}.renewals-header h3{font-size:16px}.renewals-table table{font-size:11px}}.page-container{padding:30px}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;display:flex;gap:15px;justify-content:space-between;margin:-30px -30px 30px;padding:30px}.page-header h1{color:#fff;font-size:28px;margin:0}.page-header p{color:#f0f0f0;margin:5px 0 0}.badge-count{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.badge-count.success{background:linear-gradient(135deg,#2ecc71,#27ae60)}.badge-count.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.back-to-policies-btn{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.search-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:15px;margin-bottom:25px;padding:20px}.search-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;outline:none;padding:14px 20px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#95a5a6}.clear-search-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.clear-search-btn:hover{box-shadow:0 5px 15px #e74c3c4d;transform:translateY(-2px)}.back-to-policies-btn:hover{background:#667eea;color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stat-content h3{color:#7f8c8d;font-size:14px;font-weight:500;margin:0 0 8px}.stat-value{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:5px}.stat-trend{font-size:14px;font-weight:600}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card{box-shadow:0 2px 10px #00000014}.card-header{border-bottom:1px solid #ecf0f1;padding:20px}.card-header h2{color:#2c3e50;font-size:18px;margin:0}.view-all-btn{background:#0000;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500}.card-body{padding:20px}.activity-item{border-bottom:1px solid #ecf0f1;display:flex;gap:15px;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.activity-content p{color:#2c3e50;font-size:14px;margin:0 0 5px}.activity-time{color:#95a5a6;font-size:12px}.action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:10px;padding:15px;transition:all .3s ease;width:100%}.action-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateX(5px)}.action-icon{font-size:20px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa}.data-table th{font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{color:#2c3e50;font-size:14px;padding:15px}.data-table td{border-bottom:1px solid #ecf0f1}.data-table tbody tr:hover{background:#f8f9fa}.claim-number,.client-name,.policy-number{color:#667eea;font-weight:600}.cancellation-reason{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount{color:#2ecc71;font-weight:600}.policies-count{font-weight:600;text-align:center}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-badge.active,.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.under-review{background:#d1ecf1;color:#0c5460}.status-badge.inactive,.status-badge.status-inactive{background:#f8d7da;color:#721c24}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.role-badge.role-1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.role-2{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.action-icon-btn{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.7;padding:5px 8px;transition:all .3s ease}.action-icon-btn:hover{opacity:1}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px;transition:all .3s ease}.report-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-5px)}.report-icon{font-size:48px;margin-bottom:15px}.report-card h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.report-meta{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.report-type{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.report-date{color:#95a5a6;font-size:12px}.report-actions{display:flex;gap:10px}.report-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#2c3e50;cursor:pointer;flex:1 1;font-size:13px;padding:10px;transition:all .3s ease}.report-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:30px}.policy-form{max-width:100%}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{border-top:1px solid #ecf0f1}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.cancel-btn{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{border-color:#667eea;color:#667eea}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#7f8c8d;font-size:16px;margin:0}.error-banner{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-weight:500;margin-bottom:20px;padding:15px 20px}.empty-state{color:#7f8c8d;font-size:16px;padding:60px 20px;text-align:center}.empty-state p{margin:0}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #ecf0f1;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:24px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:36px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:40px}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.modal-loading p{color:#7f8c8d;font-size:16px}.modal-error{color:#e74c3c;font-size:16px;padding:60px;text-align:center}.detail-section{margin-bottom:30px}.detail-section h3{align-items:center;border-bottom:2px solid #ecf0f1;color:#2c3e50;display:flex;font-size:18px;gap:10px;margin-bottom:20px;padding-bottom:10px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item label{font-size:13px}.highlight-change{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-left:3px solid #ffc107;border-radius:5px;font-weight:600;padding:5px 10px}.approve-icon{color:#2ecc71}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-form{max-width:100%}.profile-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.profile-form .form-group{margin-bottom:20px}.profile-form .form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.profile-form .form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.profile-form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{margin-top:25px}.secondary-btn{background:#e0e0e0;border:none;color:#2c3e50}.secondary-btn:hover{background:#d0d0d0}.info-grid{grid-gap:25px;gap:25px}.info-item{padding:15px 0}.info-item label{color:#7f8c8d;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-value{font-size:16px;font-weight:600}.info-value.readonly{color:#7f8c8d;font-style:italic}.info-message{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:20px}.info-message p{color:#555;font-size:14px;margin:0}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header{align-items:center;background:#fafafa;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 30px}.card-header h3{font-size:20px}.card-body{padding:30px}.loading-spinner{color:#7f8c8d;font-size:18px;padding:50px;text-align:center}.error-message,.success-message{border-radius:8px;font-size:14px;font-weight:500;padding:15px 20px}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.success-message{background:#efe;border-left:4px solid #2c7;color:#2c7}.detail-item span{color:#2c3e50;font-size:15px;font-weight:500}.modal-actions{border-top:2px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;padding-top:20px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:14px 24px;transition:all .3s ease}.renew-btn{background:linear-gradient(135deg,#2ecc71,#27ae60)}.renew-btn:hover{box-shadow:0 5px 15px #2ecc7166;transform:translateY(-2px)}.extend-btn{background:linear-gradient(135deg,#3498db,#2980b9)}.extend-btn:hover{box-shadow:0 5px 15px #3498db66;transform:translateY(-2px)}.download-pdf-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.download-pdf-btn:hover{box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.send-email-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.send-email-btn:hover{box-shadow:0 5px 15px #9b59b666;transform:translateY(-2px)}.download-cert-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.download-cert-btn:hover{box-shadow:0 5px 15px #f39c1266;transform:translateY(-2px)}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-header{padding:20px}.detail-grid{grid-template-columns:1fr}.modal-actions,.search-bar{flex-direction:column}.search-bar{align-items:stretch}.clear-search-btn{width:100%}}.endorsement-modal{max-width:700px}.endorsement-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:25px;padding:15px 20px}.endorsement-info p{font-size:14px;margin:5px 0}.endorsement-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px 15px;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.endorsement-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-top:10px;padding:15px}.endorsement-note p{color:#856404;font-size:13px;line-height:1.6;margin:0}.cancel-endorsement-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.cancel-endorsement-btn:hover:not(:disabled){box-shadow:0 5px 15px #95a5a666;transform:translateY(-2px)}.submit-endorsement-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.submit-endorsement-btn:hover:not(:disabled){box-shadow:0 5px 15px #2ecc7166;transform:translateY(-2px)}.cancel-endorsement-btn:disabled,.submit-endorsement-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancellation-modal{max-width:600px}.cancellation-info{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;color:#fff;margin-bottom:25px;padding:15px 20px}.cancellation-info p{font-size:14px;margin:5px 0}.cancellation-form{display:flex;flex-direction:column;gap:20px}.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;outline:none;padding:12px 15px;resize:vertical;transition:all .3s ease}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cancellation-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-top:10px;padding:15px}.cancellation-note p{color:#856404;font-size:13px;line-height:1.6;margin:0}.submit-cancellation-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.submit-cancellation-btn:hover:not(:disabled){box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.submit-cancellation-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.form-row{grid-template-columns:1fr}.cancellation-modal,.endorsement-modal{max-width:95%}}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:20px}.product-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.product-card:before{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.product-card.disabled:before{background:#fffffff2}.product-card.disabled{opacity:.7}.product-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.disabled-badge{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:2}.product-card-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.product-icon{margin-bottom:16px;text-align:center}.product-icon i{color:#2c3e50;font-size:48px}.product-name{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 12px;text-align:center}.product-description{color:#555;flex-grow:1;font-size:14px;line-height:1.6;margin:0 0 12px;text-align:center}.product-policy-count{align-items:center;background:#2ecc7126;border-radius:6px;color:#27ae60;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:8px 12px}.product-policy-count i{font-size:16px}.product-actions{display:flex;gap:10px;margin-top:auto}.btn-disable-product,.btn-enable-product,.btn-view-product{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.btn-view-product{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view-product:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-disable-product{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-disable-product:hover{box-shadow:0 4px 12px #f39c1266;transform:translateY(-2px)}.btn-enable-product{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-enable-product:hover{box-shadow:0 4px 12px #2ecc7166;transform:translateY(-2px)}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.products-grid{grid-template-columns:1fr}}.create-product-modal{max-width:800px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2c3e50;font-size:14px;font-weight:600}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-hint{color:#7f8c8d}.color-picker-container{align-items:center;display:flex;gap:12px}.color-picker{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:45px;padding:2px;width:60px}.color-hex-input{flex:1 1}.icon-input-container{align-items:center;display:flex;gap:12px}.icon-input-container input{flex:1 1}.icon-input-container i{color:#667eea;min-width:30px;text-align:center}.btn-add-item{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-add-item:hover{box-shadow:0 4px 12px #2ecc714d;transform:translateY(-2px)}.insured-item-row{grid-gap:15px;align-items:end;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1.5fr auto;margin-bottom:12px;padding:15px}.btn-remove-item{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;color:#fff;cursor:pointer;height:45px;padding:12px 16px;transition:all .3s ease}.btn-remove-item:hover{box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.status-update-container{align-items:flex-end;display:flex;gap:15px}.status-update-container .form-group{flex:1 1}.status-select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px;transition:all .3s ease;width:100%}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.amount-highlight{color:#27ae60;font-size:16px;font-weight:700}.under-review{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.documents-container{margin-top:15px}.documents-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.document-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.document-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.document-icon{align-items:center;color:#667eea;display:flex;font-size:32px;justify-content:center;min-width:40px}.document-info{flex:1 1;min-width:0}.document-name{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size{color:#7f8c8d;font-size:12px;margin:0}.btn-view-doc{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-view-doc:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-small{font-size:13px;padding:6px 12px}.btn-view{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-view:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.steps-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;justify-content:center;margin:30px 0 40px;padding:20px}.step,.steps-container{align-items:center;display:flex}.step{flex-direction:column;gap:8px}.step-number{background:#e0e0e0;color:#95a5a6}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.step.completed .step-number{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.step-label{font-size:14px;transition:all .3s ease}.step.active .step-label{color:#667eea}.step.completed .step-label{color:#2ecc71}.step-divider{background:#e0e0e0;height:3px;margin:0 20px 30px;width:100px}.step-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.step-content h2{color:#2c3e50;font-size:22px;margin-bottom:25px}.quote-breakdown{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #667eea;border-radius:12px;margin-top:30px;padding:25px}.quote-breakdown h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.breakdown-table{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.breakdown-row{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.breakdown-row:last-child{border-bottom:none}.breakdown-row.total{border-top:2px solid #667eea;margin-top:10px;padding-top:15px}.breakdown-row span,.breakdown-row strong{color:#2c3e50;font-size:15px}.gross-premium{color:#667eea!important;font-size:20px!important}.quote-actions{display:flex;gap:15px;justify-content:flex-end}.client-selection{background:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:25px}.or-divider{margin:20px 0;position:relative;text-align:center}.or-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.or-divider span{background:#fff;color:#7f8c8d;font-weight:600;padding:0 20px;position:relative;z-index:1}.secondary-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.secondary-btn:hover{background:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.client-form{background:#fff;border-radius:8px;margin-top:20px;padding:25px}.client-form h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.policy-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:25px 0;padding:25px}.policy-summary h3{color:#fff;font-size:18px;margin:0 0 20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{background:#ffffff1a;border-radius:8px;padding:15px}.summary-item label{display:block;font-size:13px;margin-bottom:5px;opacity:.9}.summary-item span,.summary-item strong{display:block;font-size:16px;font-weight:600}.submit-policy-btn{background:linear-gradient(135deg,#2ecc71,#27ae60)}.submit-policy-btn:hover{box-shadow:0 5px 15px #2ecc7166}.submit-policy-btn:disabled{cursor:not-allowed;opacity:.6}.form-container-narrow{margin:0 auto;max-width:900px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group-icon{display:flex;flex-direction:column;gap:8px}.form-group-icon label{color:#2c3e50;font-size:14px;font-weight:600}.form-input-narrow{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-input-narrow:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input-narrow:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.primary-btn-narrow{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:12px 32px;transition:all .3s ease}.primary-btn-narrow:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.primary-btn-narrow:disabled{cursor:not-allowed;opacity:.6}.secondary-btn-narrow{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:12px 32px;transition:all .3s ease}.secondary-btn-narrow:hover{background:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.action-button-narrow{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .3s ease}.action-button-narrow:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.form-actions-center{display:flex;gap:15px;justify-content:center;margin-top:25px}.client-selection-narrow{background:#f8f9fa;border-radius:8px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;padding:25px}.page-subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.info-banner{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:14px;margin-bottom:20px;padding:15px 20px}.text-muted{color:#95a5a6;font-size:13px}.approve-btn{background:#2ecc71;color:#fff}.approve-btn:hover{background:#27ae60}.reject-btn{background:#e74c3c;color:#fff}.reject-btn:hover{background:#c0392b}.renew-btn{background:#3498db;color:#fff}.renew-btn:hover{background:#2980b9}.extend-btn{background:#9b59b6;color:#fff}.extend-btn:hover{background:#8e44ad}.expired-date{color:#e74c3c;font-weight:600}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-container-narrow{max-width:100%}.form-actions-center{flex-direction:column}.primary-btn-narrow,.secondary-btn-narrow{width:100%}}.modal-content-wide{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.payment-info{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.payment-info h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.info-grid{grid-gap:15px;gap:15px}.info-item{gap:5px}.info-label{font-size:13px}.payment-method-selection{margin-top:30px}.payment-method-selection h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.payment-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.payment-option{border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:block;padding:20px;position:relative;transition:all .3s ease}.payment-option:hover{background:#f8f9ff;border-color:#667eea}.payment-option.selected{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.payment-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.payment-option-content{align-items:flex-start;display:flex;gap:15px}.payment-icon{font-size:32px;line-height:1}.payment-option-content strong{color:#2c3e50;display:block;font-size:16px;margin-bottom:5px}.payment-option-content p{color:#7f8c8d;font-size:13px;margin:0}.payment-input-section{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.payment-input-section label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.payment-input-section .form-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.payment-input-section .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-hint{color:#7f8c8d;font-size:12px;font-style:italic;margin:8px 0 0}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #ecf0f1;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}@media (max-width:768px){.payment-options{grid-template-columns:1fr}.modal-content-wide{max-width:none;width:95%}}.step-indicators{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;justify-content:center;margin-bottom:40px;padding:30px 20px}.step-indicator{flex-direction:column;gap:10px;position:relative}.step-indicator,.step-number{align-items:center;display:flex}.step-number{background:#e1e8ed;border:3px solid #e1e8ed;border-radius:50%;color:#7f8c8d;font-size:20px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.step-indicator.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.1)}.step-indicator.completed .step-number{background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#27ae60;color:#fff}.step-label{color:#7f8c8d;font-size:13px;font-weight:600;text-align:center;transition:color .3s ease}.step-indicator.active .step-label{color:#667eea}.step-indicator.completed .step-label{color:#27ae60}.step-line{background:#e1e8ed;height:3px;position:relative;top:-20px;width:100px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:25px}.info-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.info-card.highlight-card{background:linear-gradient(135deg,#f8f9ff,#fff5f5);border:2px solid #667eea}.info-card.warning-card{background:#fffaf0;border:2px solid #f39c12}.card-header{border-bottom:2px solid #ecf0f1;margin-bottom:20px;padding-bottom:15px}.card-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{color:#7f8c8d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#2c3e50;font-size:15px}.info-value.bold{color:#34495e;font-weight:600}.amount-text{color:#27ae60;font-size:18px;font-weight:700}.step-header{margin-bottom:30px;text-align:center}.step-header h2{color:#2c3e50;font-size:24px;margin:0 0 10px}.step-description{color:#7f8c8d;font-size:14px;margin:0}.form-row-spacing{display:flex;flex-direction:column;gap:25px}.form-label-icon{align-items:center;color:#34495e;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.label-icon{font-size:18px}.form-hint{color:#95a5a6;display:block;font-size:12px;font-style:italic;margin-top:6px}.disabled-input{background:#f8f9fa!important;cursor:not-allowed;opacity:.7}.info-banner{align-items:center;background:#e8f4f8;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:15px;margin:20px 0;padding:20px}.info-banner.success-banner{background:#d4edda;border-left-color:#28a745}.info-banner.warning-banner{background:#fff3cd;border-left-color:#ffc107}.banner-icon{flex-shrink:0;font-size:24px}.banner-content{flex:1 1}.banner-content strong{color:#2c3e50;display:block;font-size:15px;margin-bottom:4px}.banner-content p{color:#5a6c7d;font-size:14px;margin:0}.summary-box{background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;margin:20px 0;padding:20px}.summary-box h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.summary-row{border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:12px 0}.summary-row:last-child{border-bottom:none}.summary-row.highlight{background:#fff;border-bottom:none;border-radius:0 0 8px 8px;border-top:2px solid #667eea;margin:15px -20px -20px;padding:15px 20px}.summary-row span{color:#7f8c8d;font-size:14px}.summary-row strong{color:#2c3e50;font-size:14px}.summary-divider{background:#dee2e6;height:1px;margin:10px 0}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60)}.btn-primary.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #2ecc7166}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;padding:12px 26px;transition:all .3s ease}.btn-secondary:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.form-actions{border-top:2px solid #ecf0f1;display:flex;gap:15px;justify-content:space-between;margin-top:30px;padding-top:20px}.back-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.summary-row{flex-direction:column;gap:8px}}.report-description{color:#7f8c8d;font-size:13px;line-height:1.5;margin:10px 0}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.view-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)!important}.report-modal{max-height:90vh;max-width:90%;overflow-y:auto}.report-content{margin:20px 0}.report-content h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:18px;margin:25px 0 15px;padding-bottom:10px}.stat-number{color:#667eea;font-size:32px;font-weight:700;margin:10px 0}.modal-subtitle{color:#7f8c8d;font-size:12px;margin:5px 0 0}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.info-card{background:linear-gradient(135deg,#f8f9ff,#fff5f5);border:1px solid #e1e8ed;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 5px 15px #667eea33;transform:translateY(-3px)}.info-card h4{color:#7f8c8d;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}.report-modal{max-width:95%}.info-grid{grid-template-columns:1fr}}@media (max-width:1024px){.page-container{padding:20px}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.page-container{padding:15px}.page-header{align-items:flex-start;flex-direction:column;margin:-15px -15px 20px;padding:20px 15px}.page-header h1{font-size:22px}.badge-count{align-self:flex-start;margin-top:10px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}.search-bar{flex-direction:column;padding:15px}.clear-search-btn,.search-input{width:100%}.content-grid{grid-template-columns:1fr}.policies-table,.table-container table{font-size:13px}.policies-table td,.policies-table th,.table-container td,.table-container th{padding:10px 8px}.action-btn,.approve-btn,.reject-btn,.view-btn{font-size:12px;padding:8px 12px}.form-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.modal-content{margin:5vh auto;max-height:90vh;max-width:500px;width:95%}.rate-display{flex-direction:column;gap:15px}.tabs{overflow-x:auto}.tab-button{font-size:13px;padding:10px 15px}}@media (max-width:480px){.page-container{padding:10px}.page-header{margin:-10px -10px 15px;padding:15px 10px}.page-header h1{font-size:18px}.page-subtitle{font-size:12px}.stat-card{gap:15px;padding:15px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-value{font-size:24px}.stat-content h3{font-size:12px}.primary-btn{padding:10px 20px;width:100%}.policies-table{display:block;overflow-x:auto}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-container table{min-width:600px}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.modal-body,.modal-header{padding:15px}.form-group label{font-size:13px}.form-input,.form-select,.form-textarea{font-size:14px}.action-buttons{flex-direction:column;gap:10px}.action-buttons button{width:100%}}
/*# sourceMappingURL=main.2d2d3016.css.map*/