*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;color:#fff}#root{min-height:100vh}.dashboard-layout{display:flex;min-height:100vh;background:#0f0f1e}.top-banner{position:fixed;top:0;left:0;right:0;height:70px;background:#1a1a2e;border-bottom:1px solid #2a2a3e;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;box-shadow:0 2px 10px #0000004d}.banner-left{display:flex;align-items:center;gap:1.5rem}.banner-logo{height:45px;width:auto}.banner-company-name{font-size:1.25rem;font-weight:600;color:#ff9400;display:none}.banner-right{display:flex;align-items:center;gap:1.5rem}.user-menu{display:flex;align-items:center;gap:1rem}.user-info{text-align:right}.user-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.125rem}.user-email{font-size:.8rem;color:#aaa}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff9400,#e68600);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;cursor:pointer;transition:transform .2s}.user-avatar:hover{transform:scale(1.05)}.user-dropdown{position:relative}.dropdown-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.dropdown-toggle:hover{background:#ff94001a}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;min-width:200px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:1001}.dropdown-item{padding:.875rem 1.25rem;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem}.dropdown-item:hover{background:#ff94001a}.dropdown-divider{height:1px;background:#2a2a3e;margin:.5rem 0}.sidebar{position:fixed;left:0;top:70px;width:260px;height:calc(100vh - 70px);background:#1a1a2e;border-right:1px solid #2a2a3e;z-index:999;transition:width .25s ease;overflow:visible}.sidebar.collapsed{width:64px}.sidebar-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0}.sidebar-nav{list-style:none;padding:0}.nav-item{margin-bottom:0}.nav-link{display:flex;align-items:center;gap:1rem;padding:.65rem 1.5rem;color:#aaa;text-decoration:none;transition:all .2s;font-weight:500;border-left:3px solid transparent;font-size:.95rem;white-space:nowrap}.nav-link:hover{background:#ff94000d;color:#ff9400;border-left-color:#ff9400}.nav-link.active{background:#ff94001a;color:#ff9400;border-left-color:#ff9400}.nav-icon{font-size:1.25rem;width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{overflow:hidden;opacity:1;transition:opacity .15s ease,max-width .25s ease;max-width:200px}.sidebar.collapsed .nav-label{opacity:0;max-width:0}.sidebar.collapsed .nav-link{padding:.65rem;justify-content:center;gap:0}.nav-section-title{padding:1.5rem 1.5rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px;white-space:nowrap;overflow:hidden;transition:opacity .15s ease,max-height .25s ease;max-height:60px;opacity:1}.sidebar.collapsed .nav-section-title{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.sidebar-collapse-btn{position:absolute;top:1.5rem;right:-13px;background:#1a1a2e;border:1px solid #2a2a3e;border-left:none;border-radius:0 6px 6px 0;width:14px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;z-index:1000;padding:0}.sidebar-collapse-btn:hover{background:#1f1f35;border-color:#ff940080}.main-content{margin-left:260px;margin-top:70px;padding:2rem;flex:1;min-height:calc(100vh - 70px);background:#0f0f1e;font-size:.9rem;transition:margin-left .25s ease}.main-content.sidebar-collapsed{margin-left:64px}.content-header{margin-bottom:2rem}.content-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.content-subtitle{font-size:1rem;color:#aaa}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#1a1a2e;border-radius:16px;padding:1.5rem;border:1px solid #2a2a3e;transition:all .3s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#ff9400}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:.875rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.card-icon{width:40px;height:40px;border-radius:10px;background:#ff94001a;display:flex;align-items:center;justify-content:center;color:#ff9400;font-size:1.25rem}.card-value{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.card-description{font-size:.875rem;color:#aaa}.card-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;margin-top:.5rem}.card-trend.positive{color:#28a745}.card-trend.negative{color:#dc3545}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:#ff9400;color:#fff}.btn-primary:hover{background:#e68600;transform:translateY(-1px);box-shadow:0 4px 12px #ff94004d}.btn-primary:disabled{background:#555;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:#ff9400;border:2px solid #FF9400}.btn-secondary:hover{background:#ff94001a}.btn-small{padding:4px 10px;font-size:.78rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-gray{background:#6c757d;color:#fff}.btn-gray:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-link{background:none;border:none;color:#ff9400;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.btn-link:hover{color:#e68600}.btn-full-width{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.card{background:#1a1a2e;border-radius:16px;box-shadow:0 8px 32px #00000080;padding:2rem;border:1px solid #2a2a3e}.card-narrow{max-width:500px;margin:4rem auto}.card-medium{max-width:800px;margin:4rem auto}.card-wide{max-width:900px;margin:4rem auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead tr{border-bottom:2px solid #2a2a3e}.data-table th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #2a2a3e;transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#ffffff08}.data-table td{padding:12px;vertical-align:middle;color:#e5e7eb}.login-card{max-width:450px;margin:0 auto;border-radius:24px;padding:3rem 2.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 20px 60px #0009}.logo-container{text-align:center}.logo-image{max-width:200px;height:auto;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff}.form-input{width:100%;padding:.875rem 1rem;border:2px solid #2a2a3e;border-radius:10px;font-size:1rem;transition:all .2s;background:#0c0925;color:#fff}.form-input:focus{outline:none;border-color:#ff9400;box-shadow:0 0 0 3px #ff94001a}.form-input::placeholder{color:#666}.form-hint{color:#aaa;font-size:.875rem;display:block;margin-top:.25rem}.form-error{color:#e53e3e;font-size:.875rem;display:block;margin-top:.25rem}.error-message{background:#2d1414;border:1px solid #f44;color:#ff6b6b;padding:1rem;border-radius:10px;margin-bottom:1rem}.success-message{background:#142d14;border:1px solid #4f4;color:#6bff6b;padding:1rem;border-radius:10px;margin-bottom:1rem}.info-message{background:#ff94001a;padding:1rem;border-radius:10px;font-size:.875rem;color:#ff9400;border:1px solid rgba(255,148,0,.3)}.page-title{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:700}.page-subtitle{font-size:1.25rem;margin-bottom:2rem;color:#aaa}.section-title{margin-bottom:1rem;color:#fff;font-weight:600}.text-center{text-align:center}.text-muted{color:#aaa}.text-white{color:#fff}.link{color:#ff9400;text-decoration:none;transition:color .2s}.link:hover{color:#e68600;text-decoration:underline}.center-content{text-align:center;margin-top:4rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.flex-gap{display:flex;gap:1rem}.info-box{background:#0c0925;padding:1.5rem;border-radius:12px;line-height:1.8;border:1px solid #2a2a3e}.info-box p{color:#fff;margin-bottom:.5rem}.info-box p:last-child{margin-bottom:0}.token-container{margin-bottom:1.5rem}.token-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.token-label{margin:0;font-size:1rem;color:#fff}.token-box{background:#0c0925;padding:.75rem;border-radius:8px;word-break:break-all;font-family:monospace;font-size:.75rem;max-height:100px;overflow:auto;border:1px solid #2a2a3e;color:#fff}.token-box-large{padding:1rem;font-size:.85rem;max-height:150px}.btn-copy{padding:.25rem .75rem;font-size:.75rem;background:#ff9400;color:#fff;border-radius:6px}.btn-copy-large{padding:.5rem 1rem;font-size:.875rem;background:#28a745;color:#fff;border-radius:6px}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.loading-container{text-align:center;margin-top:4rem;font-size:1.25rem;color:#aaa}.chatbot-container{background:#1a1a2e;border-radius:16px;padding:1.5rem;border:1px solid #2a2a3e;margin-bottom:2rem}.chatbot-messages{height:300px;overflow-y:auto;margin-bottom:1rem;padding:1rem;background:#0c0925;border-radius:12px;border:1px solid #2a2a3e}.chatbot-message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;max-width:80%}.chatbot-message.user{background:#ff94001a;border:1px solid rgba(255,148,0,.3);margin-left:auto;text-align:right}.chatbot-message.assistant{background:#1a1a2e;border:1px solid #2a2a3e}.chatbot-message.assistant p{margin:0 0 .6rem}.chatbot-message.assistant p:last-child{margin-bottom:0}.chatbot-message.assistant ul,.chatbot-message.assistant ol{margin:.4rem 0 .6rem 1.25rem;padding:0}.chatbot-message.assistant li{margin-bottom:.25rem}.chatbot-message.assistant strong{color:#fff}.chatbot-message.assistant h1,.chatbot-message.assistant h2,.chatbot-message.assistant h3{margin:.75rem 0 .4rem;font-size:1rem;color:#fff}.chatbot-input-container{display:flex;gap:.75rem}.chatbot-input{flex:1;padding:.75rem 1rem;border:2px solid #2a2a3e;border-radius:10px;font-size:.9rem;background:#0c0925;color:#fff;transition:all .2s}.chatbot-input:focus{outline:none;border-color:#ff9400;box-shadow:0 0 0 3px #ff94001a}.chatbot-send-btn{padding:.75rem 1.5rem;background:#ff9400;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.chatbot-send-btn:hover{background:#e68600;transform:translateY(-1px)}.chatbot-send-btn:disabled{background:#555;cursor:not-allowed;transform:none}@media (max-width: 1024px){.sidebar{width:220px}.main-content{margin-left:220px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.top-banner{padding:0 1rem}.sidebar{width:200px}.main-content{margin-left:200px;padding:1.5rem}.user-info{display:none}.banner-company-name{font-size:1rem}.content-title{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 600px){body{min-width:600px}.sidebar{width:180px}.main-content{margin-left:180px;padding:1rem}}