@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::selection{background:#007aff33;color:#1d1d1f}:focus-visible{outline:2px solid #007aff;outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #007aff;outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--color-bg-main:linear-gradient(135deg,#f5f7fa,#e8ecf1)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);background:var(--color-bg-main);color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}#root{height:100vh;width:100%}:root{--color-text-primary:#1a1f2e;--color-text-secondary:#6b7280;--color-text-muted:#86868b;--color-white-80:#fffc;--color-bg-gradient-mid:#e8ecf1;--color-bg-gradient-end:#dce2e8;--color-error:#f44;--color-error-bg:#ff44441a;--color-error-border:#f443;--shadow-card:0 8px 32px #00000014;--shadow-input-focus:0 0 0 4px #007aff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}.login-page{align-items:center;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.bg-gradient{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#dce2e8);background:linear-gradient(135deg,var(--color-bg-gradient-start) 0,var(--color-bg-gradient-mid) 50%,var(--color-bg-gradient-end) 100%)}.bg-gradient,.bg-pattern{inset:0;position:absolute}.bg-pattern{background-image:radial-gradient(circle at 20% 30%,#1a1f2e08 0,#0000 50%),radial-gradient(circle at 80% 70%,#1a1f2e08 0,#0000 50%)}.login-container{align-items:center;animation:fadeIn .5s ease;display:flex;flex-direction:column;max-width:420px;padding:40px 24px;padding:40px var(--spacing-xl);width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2b7fff,#155dfc);background:var(--color-logo-gradient);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:32px;font-weight:700;letter-spacing:-1px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;background:var(--color-white-80);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-card);padding:40px;width:100%}.login-card h2{color:#1a1f2e;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:24px;font-weight:700;line-height:32px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-align:center}.login-subtitle{color:#6b7280;color:var(--color-text-secondary);font-weight:400;text-align:center}.login-error,.login-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;line-height:20px;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.login-error{background:#ff44441a;background:var(--color-error-bg);border:1px solid #f443;border:1px solid var(--color-error-border);border-radius:12px;border-radius:var(--radius-md);color:#f44;color:var(--color-error);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.form-group{margin-bottom:20px}.form-group label{color:#1a1f2e;color:var(--color-text-primary);display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;line-height:20px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{font-size:18px;left:16px;left:var(--spacing-lg);opacity:.5;position:absolute}.input-wrapper input{background:#ffffff80;background:var(--color-white-50);border:1px solid #00000014;border-radius:12px;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:15px;line-height:20px;min-height:44px;padding:14px 16px 14px 48px;padding:14px var(--spacing-lg) 14px 48px;transition:all .2s ease;width:100%}.input-wrapper input:focus{background:#fff;background:var(--color-white);border-color:#007aff;border-color:var(--color-accent-blue);box-shadow:0 0 0 4px #007aff1a;box-shadow:var(--shadow-input-focus);outline:none}.password-wrapper input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;opacity:.5;position:absolute;right:12px;right:var(--spacing-md);transition:opacity .2s ease;width:44px}.password-toggle:hover{opacity:1}.form-options{justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#6b7280;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:400;gap:10px;line-height:20px}.checkbox-label input{display:none}.checkmark{border:2px solid #0003;border-radius:4px;border-radius:var(--spacing-xs);height:18px;position:relative;transition:all .2s ease;width:18px}.checkbox-label input:checked+.checkmark{background:#007aff;background:var(--color-accent-blue);border-color:#007aff;border-color:var(--color-accent-blue)}.checkbox-label input:checked+.checkmark:after{color:#fff;color:var(--color-white);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{background:none;border:none;color:#007aff;color:var(--color-accent-blue);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:20px;min-height:44px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:color .2s ease}.forgot-link:hover{color:#155dfc}.login-button{background:linear-gradient(135deg,#007aff,#155dfc);background:var(--color-primary-gradient);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:600;line-height:24px;min-height:44px;padding:12px;padding:var(--spacing-md);transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 12px 20px -3px #2b7fff66,0 6px 8px -4px #2b7fff66;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-hint{color:#6b7280;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:13px;font-weight:400;line-height:18px;margin-top:24px;margin-top:var(--spacing-xl);text-align:center}.login-hint strong{color:#1a1f2e;color:var(--color-text-primary)}.login-footer{color:#6b7280;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:13px;font-weight:400;line-height:18px;margin-top:32px;margin-top:var(--spacing-2xl);text-align:center}@media (max-width:480px){.login-container{padding:24px 12px;padding:var(--spacing-xl) var(--spacing-md)}.login-card{border-radius:16px;border-radius:var(--radius-lg);padding:28px 20px}.login-card h2{font-size:20px;line-height:28px}.logo-text{font-size:28px}.input-wrapper input{font-size:16px;min-height:44px;padding:12px 14px 12px 44px;padding:var(--spacing-md) 14px var(--spacing-md) 44px}.input-icon{left:14px}.password-toggle{right:14px}.form-options{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-md)}.login-button{font-size:16px;min-height:44px;padding:14px}.login-hint{font-size:12px;padding:0 4px;padding:0 var(--spacing-xs)}.login-footer{font-size:12px;margin-top:24px;margin-top:var(--spacing-xl)}}@media (max-width:360px){.login-container{padding:12px 8px;padding:var(--spacing-md) var(--spacing-sm)}.login-card{padding:24px 12px;padding:var(--spacing-xl) var(--spacing-md)}.login-card h2{font-size:18px;line-height:26px}.form-group label,.login-subtitle{font-size:13px}.input-wrapper input{padding:12px 12px 12px 40px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px}}:root{--color-logo:#6b9fff;--color-primary-gradient-start:#2b7fff;--color-primary-gradient-end:#155dfc;--color-border:#d1d5db;--color-white-05:#ffffff0d;--color-bg-gradient-start:#f5f7fa;--color-bg-gradient-end:#e8ecf1;--color-bg-main-start:#f9fafb;--color-bg-main-end:#eff6ff4d;--color-shadow:#0000000d;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);background:linear-gradient(135deg,var(--color-bg-gradient-start) 0,var(--color-bg-gradient-end) 100%);display:flex;flex-direction:row;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);height:100vh;overflow:hidden;position:relative;width:100vw}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;background:var(--color-white-70);border-right:1px solid #ffffff2e;border-right:1px solid var(--color-white-18);display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:17px;width:256px}.sidebar-header{margin-bottom:32px;padding:0 8px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2b7fff,#155dfc);background:linear-gradient(90deg,var(--color-primary-gradient-start) 0,var(--color-primary-gradient-end) 100%);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:28px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-1px}.nav-section{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-bottom:32px}.nav-item{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:row;gap:12px;gap:var(--spacing-md);height:48px;padding:0 16px;padding:0 var(--spacing-lg);text-decoration:none;transition:all .2s ease;width:222px}.nav-item span{color:#364153;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:-.3125px;line-height:24px}.nav-item.active{background:linear-gradient(135deg,#007aff,#155dfc);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button)}.nav-item.active span{color:#fff;color:var(--color-white)}.nav-item.active .nav-icon{filter:brightness(0) invert(1)}.nav-icon{flex-shrink:0;height:20px;width:20px}.customer-section{border-top:1px solid #ffffff40;border-top:1px solid var(--color-white-25);box-sizing:border-box;flex:1 1;flex-direction:column;gap:12px;gap:var(--spacing-md);padding:25px 0 0}.customer-header,.customer-section{align-items:flex-start;display:flex;width:222px}.customer-header{flex-direction:column;gap:4px;gap:var(--spacing-xs);padding:0 8px}.customer-label{color:#6a7282;color:var(--color-text-muted);font-size:12px;font-weight:600;font-weight:var(--font-weight-semibold);height:16px;letter-spacing:.6px;line-height:16px;text-transform:uppercase}.customer-label,.customer-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);width:206px}.customer-value{color:#99a1af;color:var(--color-text-light);font-size:14px;font-weight:700;font-weight:var(--font-weight-bold);height:20px;letter-spacing:-.150391px;line-height:20px}.sidebar-actions{align-items:flex-start;padding:0;width:222px}.sidebar-action{background:#f3f4f680;border:none;border-radius:16777200px;border-radius:var(--radius-full);cursor:not-allowed;flex-direction:row;opacity:.5;width:222px}.sidebar-action.active{background:linear-gradient(135deg,#007aff,#155dfc);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);cursor:pointer;opacity:1}.sidebar-action.active span{color:#fff;color:var(--color-white)}.sidebar-action span{color:#99a1af;color:var(--color-text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:-.150391px;line-height:20px;text-align:center}.action-icon{flex-shrink:0;height:16px;width:16px}.sidebar-footer{align-items:flex-start;border-top:1px solid #ffffff40;border-top:1px solid var(--color-white-25);box-sizing:border-box;display:flex;flex-direction:column;padding:25px 0 0;width:222px}.footer-button{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:row;gap:12px;gap:var(--spacing-md);height:48px;padding:0 0 0 16px;padding:0 0 0 var(--spacing-lg);text-decoration:none;transition:all .2s ease;width:222px}.footer-button:hover{background:#6b9fff1a}.footer-button span{color:#364153;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:-.3125px;line-height:24px;text-align:center}.footer-icon{flex-shrink:0;height:20px;width:20px}.main-content{background:linear-gradient(135deg,#f9fafb,#eff6ff4d);background:linear-gradient(135deg,var(--color-bg-main-start) 0,var(--color-bg-main-end) 100%);min-height:100vh;overflow-y:auto;padding:32px 32px 0;padding:var(--spacing-2xl) var(--spacing-2xl) 0 var(--spacing-2xl)}.content-header{margin-bottom:var(--spacing-xl);width:100%}.header-left{flex-direction:column;gap:4px;gap:var(--spacing-xs)}.page-title{color:#1d1d1f;color:var(--color-text-primary);font-size:30px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.395508px;line-height:36px}.page-subtitle,.page-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.page-subtitle{color:#4a5565;color:var(--color-text-tertiary);font-size:16px;font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.3125px;line-height:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,#007aff,#155dfc);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;height:40px;justify-content:center;letter-spacing:-.150391px;line-height:20px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{box-shadow:0 12px 20px -3px #2b7fff66,0 6px 8px -4px #2b7fff66;transform:translateY(-2px)}.btn-primary svg{height:16px;width:16px}.stats-grid{display:flex;gap:16px;gap:var(--spacing-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl);width:100%}.stat-card-header{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.stat-label{font-weight:var(--font-weight-regular)}.stat-value{font-weight:var(--font-weight-bold)}.stat-change{font-weight:var(--font-weight-medium)}.content-card{background:#ffffffb3;background:var(--color-white-70);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-card);box-sizing:border-box;margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:24px;padding:var(--spacing-xl);width:100%}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.card-title{color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:18px;font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:-.449219px;line-height:28px}.search-box{position:relative;width:290px}.search-box .search-icon{height:20px;left:12px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{background:#ffffff80;background:var(--color-white-50);border:1px solid #ffffff1a;border:1px solid var(--color-white-10);border-radius:16px;border-radius:var(--radius-md);color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:400;font-weight:var(--font-weight-regular);height:48px;letter-spacing:-.150391px;line-height:17px;outline:none;padding:8px 16px 8px 40px;transition:all .2s ease;width:100%}.search-box input::placeholder{color:#86868b}.search-box input:focus{background:#fffc;border-color:#007aff}.data-table-wrapper{overflow-x:auto;width:100%}.data-table{border-collapse:collapse;width:100%}.data-table thead{border-bottom:1px solid #0000000f}.data-table th{font-weight:500;font-weight:var(--font-weight-medium);height:40px;padding:10px 8px;text-align:left;white-space:nowrap}.data-table td,.data-table th{box-sizing:border-box;color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;letter-spacing:-.150391px;line-height:20px}.data-table td{border-bottom:1px solid #0000000f;font-weight:400;font-weight:var(--font-weight-regular);height:43px;padding:0 8px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#eff6ff4d}.badge{align-items:center;border-radius:16777200px;border-radius:var(--radius-full);box-sizing:border-box;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:12px;font-weight:500;font-weight:var(--font-weight-medium);height:26px;justify-content:center;line-height:16px;padding:4px 13px;text-align:center;white-space:nowrap}.badge-success{background:#dcfce7;border:1px solid #bedbff80;color:#016630}.badge-warning{background:#fef9c2;border:1px solid #bedbff80;color:#894b00}.badge-danger{background:#ffe2e2;color:#9f0712}.badge-danger,.badge-info{border:1px solid #bedbff80}.badge-info{background:#eff6ffb3;color:#155dfc}.action-buttons{display:flex;gap:8px;gap:var(--spacing-sm)}.action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6a7282;color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:#6b9fff1a;color:#007aff}.action-btn svg{height:16px;width:16px}@media (max-width:1024px){.sidebar{width:220px}.main-content{padding:24px;padding:var(--spacing-xl)}.stats-grid{flex-wrap:wrap}.stat-card{flex:1 1;height:auto;min-width:calc(50% - 8px);padding:16px;padding:var(--spacing-lg);width:auto}.content-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-md)}.header-actions{width:100%}.btn-primary{flex:1 1}}@media (max-width:768px){.sidebar{display:none}.main-content{padding:16px;padding:var(--spacing-lg);width:100vw}.page-title{font-size:24px;line-height:30px}.stat-card{min-width:100%;width:100%}.search-box{width:100%}.data-table{min-width:600px}}@media (max-width:480px){.main-content{padding:12px;padding:var(--spacing-md)}.page-title{font-size:20px;line-height:26px}.content-card{border-radius:16px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-lg)}.data-table td,.data-table th{font-size:13px;padding:8px}}.main-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;padding:32px;width:calc(100vw - 256px)}.content-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h1{color:#1d1d1f;font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;margin:4px 0 0}.header-right,.logout-header-btn{align-items:center;display:flex}.logout-header-btn{background:#ffffffb3;border:1px solid #00000014;border-radius:12px;color:#6b7280;cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.logout-header-btn:hover{background:#e7000b1a;border-color:#e7000b33;color:#e7000b;transform:translateY(-1px)}.risky-chat{display:flex;flex:1 1;flex-direction:column;height:100%;max-width:100%;width:100%}.chat-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.chat-header h2{color:#1a1f2e;font-size:18px;margin:0}.current-doc{color:#6b7280;font-size:13px;margin-right:16px}.clear-btn{background:#ff44441a;border:none;border-radius:8px;color:#f44;cursor:pointer;font-size:13px;min-height:44px;padding:10px 16px;transition:background .2s ease}.clear-btn:hover{background:#f443}.messages-container{flex:1 1;overflow-y:auto;padding:16px;width:100%}.welcome-message{color:#6b7280;padding:40px;text-align:center}.welcome-message h3{color:#1a1f2e;margin-bottom:16px}.message{word-wrap:break-word;border-radius:12px;margin-bottom:16px;max-width:min(85%,900px);overflow-wrap:break-word;padding:14px 20px}.message.user{background:#6b9fff;color:#fff;margin-left:auto}.message.assistant{background:#f3f4f6;color:#1f2937;margin-right:auto}.message.error{background:#fef2f2;color:#dc2626}.message-header{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.8}.message-content{font-size:14px;line-height:1.5}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.sources{color:#6b7280;font-size:12px;margin-top:8px}.loading{opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px}.dots{animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.chat-input-container{border-top:1px solid #0000001a;gap:12px;padding-top:16px;width:100%}.chat-input-container,.upload-section{align-items:center;display:flex}.upload-btn{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;min-height:44px;padding:12px 16px;transition:background .2s ease}.upload-btn:hover:not(:disabled){background:#e5e7eb}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.input-form{display:flex;flex:1 1;gap:12px}.chat-input{border:1px solid #0000001a;border-radius:8px;flex:1 1;font-size:14px;min-height:44px;padding:12px 16px;transition:border-color .2s ease}.chat-input:focus{border-color:#6b9fff;outline:none}.send-btn{background:linear-gradient(135deg,#6b9fff,#9b6bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 24px;transition:transform .2s ease}.send-btn:hover:not(:disabled){transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:968px){.main-content{padding:24px;width:calc(100vw - 64px)}.content-header{margin-bottom:20px;padding-bottom:12px}.header-left h1{font-size:24px}.risky-chat{max-width:100%;width:100%}.chat-header{flex-wrap:wrap}.chat-header h2{font-size:18px}}@media (max-width:768px){.main-content{padding:16px;width:100vw}.risky-chat{padding:0 8px}.message{max-width:95%;padding:12px 16px}.chat-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px}.chat-header h2{font-size:16px}.current-doc{font-size:12px;margin-right:0}.messages-container{padding:12px}.chat-input-container{flex-direction:column;gap:8px;padding-top:12px}.input-form,.upload-section{width:100%}.upload-btn{text-align:center;width:100%}.send-btn,.upload-btn{min-height:44px;padding:12px 16px}.chat-input{min-height:44px;padding:12px 14px}}@media (max-width:480px){.risky-chat{padding:0 4px}.message{margin-bottom:12px;max-width:98%;padding:10px 12px}.message-content{font-size:13px}.welcome-message{padding:16px}.welcome-message h3{font-size:16px}.messages-container{padding:8px}.clear-btn{font-size:12px;min-height:44px;padding:10px 12px}}:root{--color-logo-gradient:linear-gradient(90deg,#2b7fff,#155dfc);--color-text-primary:#101828;--color-text-light:#86868b;--color-white-85:#ffffffd9;--color-white-50:#ffffff80;--color-white-30:#ffffff4d;--color-white-10:#ffffff1a;--color-accent-blue:#007aff;--color-accent-blue-50:#007aff80}*{box-sizing:border-box;margin:0;padding:0}.notifications-main{background:linear-gradient(135deg,#f9fafb,#eff6ff4d);background:var(--color-bg-main);flex:1 1;min-height:100vh;overflow-y:auto;padding:32px 32px 0;padding:var(--spacing-2xl) var(--spacing-2xl) 0}.notifications-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.notifications-title-section h1{color:#101828;color:var(--color-text-primary);font-size:30px;font-weight:700;letter-spacing:.4px;line-height:36px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.notifications-subtitle,.notifications-title-section h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.notifications-subtitle{color:#86868b;color:var(--color-text-light);font-size:16px;font-weight:400;letter-spacing:-.31px;line-height:24px}.mark-all-read-btn{align-items:center;background:linear-gradient(135deg,#007aff,#155dfc);background:var(--color-primary-gradient);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);letter-spacing:-.15px;line-height:20px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.mark-all-read-btn:hover{box-shadow:0 12px 20px -3px #2b7fff66,0 6px 8px -4px #2b7fff66;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.notifications-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.search-box-notifications{position:relative;width:290px}.search-box-notifications .search-icon{height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box-notifications input{background:#ffffff80;background:var(--color-white-50);border:1px solid #ffffff1a;border:1px solid var(--color-white-10);border-radius:16px;border-radius:var(--radius-md);color:#1d1d1f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:400;height:48px;letter-spacing:-.15px;line-height:17px;outline:none;padding:8px 16px 8px 40px;padding:8px var(--spacing-lg) 8px 40px;transition:all .2s ease;width:100%}.search-box-notifications input::placeholder{color:#86868b;color:var(--color-text-light)}.search-box-notifications input:focus{background:#fffc;border-color:#007aff;border-color:var(--color-accent-blue)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.filter-tab{align-items:center;background:#ffffff80;background:var(--color-white-50);border:1px solid #ffffff1a;border:1px solid var(--color-white-10);border-radius:16px;border-radius:var(--radius-md);color:#1d1d1f;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;height:40px;justify-content:center;letter-spacing:-.15px;line-height:20px;padding:8px 20px;transition:all .2s ease}.filter-tab:hover{background:#ffffffb3;background:var(--color-white-70)}.filter-tab.active{background:linear-gradient(135deg,#007aff,#155dfc);background:var(--color-primary-gradient);border-color:#0000;box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white)}.filter-tab.active:hover{box-shadow:0 12px 20px -3px #2b7fff66,0 6px 8px -4px #2b7fff66;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.notifications-list{background:#ffffffd9;background:var(--color-white-85);border:1px solid #ffffff40;border:1px solid var(--color-white-25);border-radius:24px;border-radius:var(--radius-lg);overflow:hidden}.notification-item{border-bottom:1px solid #00000008;display:flex;gap:16px;gap:var(--spacing-lg);padding:24px 24px 24px 28px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) 28px;transition:background .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#eff6ff80;border-left:4px solid #007aff;border-left:4px solid var(--color-accent-blue);padding-left:24px;padding-left:var(--spacing-xl)}.notification-item:hover{background:#eff6ff4d}.notification-icon{flex-shrink:0;height:24px;margin-top:4px;margin-top:var(--spacing-xs);width:24px}.notification-content{flex:1 1;min-width:0}.notification-header-row{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.notification-title{color:#101828;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:18px;font-weight:600;letter-spacing:-.44px;line-height:28px}.unread-dot{background:#007aff;background:var(--color-accent-blue);border-radius:50%;flex-shrink:0;height:10px;opacity:.63;width:10px}.notification-description{color:#4a5565;color:var(--color-text-tertiary);font-size:14px;letter-spacing:-.15px;line-height:20px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.notification-description,.notification-time{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-weight:400}.notification-time{color:#86868b;color:var(--color-text-light);font-size:12px;line-height:16px}.sidebar-section{border-top:1px solid #ffffff4d;border-top:1px solid var(--color-white-30);margin:25px 17px 0;padding:25px 0 0}.sidebar-label{color:#6a7282;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.6px;line-height:16px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.sidebar-customer,.sidebar-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.sidebar-customer{color:#364153;color:var(--color-text-secondary);font-size:14px;font-weight:700;letter-spacing:-.15px;line-height:20px}.sidebar-actions{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);margin-top:12px;margin-top:var(--spacing-md)}.sidebar-action{align-items:center;border-radius:24px;border-radius:var(--radius-lg);color:#4a5565;color:var(--color-text-tertiary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;gap:12px;gap:var(--spacing-md);height:40px;letter-spacing:-.15px;line-height:20px;padding:0 0 0 16px;padding:0 0 0 var(--spacing-lg);text-decoration:none;transition:all .2s ease}.sidebar-action:hover{background:#6b9fff1a}.sidebar-action svg{flex-shrink:0;height:16px;width:16px}.notifications-empty,.notifications-error,.notifications-loading{color:#6a7282;color:var(--color-text-muted);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;padding:40px;text-align:center}.notifications-error{color:#f44}.notifications-empty{color:#86868b;color:var(--color-text-light)}@media (max-width:1024px){.notifications-filter-bar{align-items:flex-start;flex-direction:column}.search-box-notifications{width:100%}.filter-tabs{overflow-x:auto;padding-bottom:8px;width:100%}.notifications-header{align-items:flex-start;flex-direction:column}.mark-all-read-btn{justify-content:center;width:100%}}@media (max-width:768px){.notifications-main{padding:16px;padding:var(--spacing-lg);width:100%}.notifications-header{gap:16px;gap:var(--spacing-lg)}.notifications-title-section h1{font-size:24px;line-height:30px}.notifications-subtitle{font-size:14px}.mark-all-read-btn{width:100%}.notifications-filter-bar{gap:12px;gap:var(--spacing-md)}.filter-tabs{gap:8px;gap:var(--spacing-sm)}.filter-tab{font-size:13px;padding:8px 16px;padding:8px var(--spacing-lg)}.notifications-list{border-radius:16px;border-radius:var(--radius-md)}.notification-item{gap:12px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-lg)}.notification-item.unread{padding-left:16px;padding-left:var(--spacing-lg)}.notification-title{font-size:16px;line-height:24px}.notification-description{font-size:13px}}@media (max-width:480px){.notifications-main{padding:12px;padding:var(--spacing-md)}.notifications-title-section h1{font-size:20px;line-height:26px}.notification-item{flex-direction:column;padding:12px;padding:var(--spacing-md)}.notification-icon{margin-top:0}.notification-header-row{flex-wrap:wrap}}:root{--color-primary-gradient:linear-gradient(135deg,#007aff,#155dfc);--color-primary-gradient-alt:linear-gradient(90deg,#101828,#4a5565);--color-text-primary:#1d1d1f;--color-text-secondary:#364153;--color-text-tertiary:#4a5565;--color-text-muted:#6a7282;--color-text-light:#99a1af;--color-white:#fff;--color-white-70:#ffffffb3;--color-white-18:#ffffff2e;--color-white-25:#ffffff40;--color-bg-main:linear-gradient(135deg,#f9fafb,#eff6ff4d);--color-status-critical:#e7000b;--color-status-high:#f54900;--color-status-medium:#d08700;--color-status-low:#00a63e;--color-risk-critical-bg:#ffe2e2;--color-risk-high-bg:#ffedd4;--color-risk-medium-bg:#fef9c2;--color-risk-low-bg:#dcfce7;--color-matrix-green:#00c950;--color-matrix-yellow:#f0b100;--color-matrix-orange:#ff6900;--color-matrix-red:#fb2c36;--shadow-button:0px 10px 15px -3px #2b7fff4d,0px 4px 6px -4px #2b7fff4d;--shadow-button-hover:0px 12px 20px -3px #2b7fff66,0px 6px 8px -4px #2b7fff66;--shadow-card:0px 20px 25px -5px #0000000d,0px 8px 10px -6px #0000000d;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:16777200px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px}.customer-detail-main{background:linear-gradient(135deg,#f9fafb,#eff6ff4d);background:var(--color-bg-main);display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow-y:auto;padding:32px 32px 0;padding:var(--spacing-2xl) var(--spacing-2xl) 0}.customer-detail-main::-webkit-scrollbar{width:8px}.customer-detail-main::-webkit-scrollbar-track{background:#0000000d}.customer-detail-main::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;border-radius:var(--spacing-xs)}.customer-detail-header{height:64px;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl);width:100%}.customer-detail-header,.header-left{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg)}.back-button{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-md);color:#1d1d1f;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);height:40px;justify-content:center;letter-spacing:-.150391px;line-height:20px;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:102.6px}.back-button:hover{background:#6b9fff1a}.back-button svg{height:16px;width:16px}.title-section{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.title-section h1{color:#1d1d1f;color:var(--color-text-primary);font-size:30px;font-weight:700;letter-spacing:.395508px;line-height:36px}.subtitle,.title-section h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);margin:0}.subtitle{color:#4a5565;color:var(--color-text-tertiary);font-size:16px;font-weight:400;letter-spacing:-.3125px;line-height:24px}.header-actions{display:flex;gap:12px;gap:var(--spacing-md)}.action-btn-primary{align-items:center;background:linear-gradient(135deg,#007aff,#155dfc);background:var(--color-primary-gradient);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #2b7fff4d,0 4px 6px -4px #2b7fff4d;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);height:40px;justify-content:center;letter-spacing:-.150391px;line-height:20px;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:213.38px}.action-btn-primary:hover{box-shadow:0 12px 20px -3px #2b7fff66,0 6px 8px -4px #2b7fff66;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.action-btn-primary svg{height:16px;width:16px}.stats-section{display:flex;gap:16px;gap:var(--spacing-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl);width:100%}.stat-card{background:#ffffffb3;background:var(--color-white-70);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-card);box-sizing:border-box;display:flex;flex-direction:column;height:182px;padding:24px 0 0 24px;padding:var(--spacing-xl) 0 0 var(--spacing-xl);width:195.13px}.stat-card:last-child{padding:24px 0 24px 24px;padding:var(--spacing-xl) 0 var(--spacing-xl) var(--spacing-xl)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;width:145.13px}.stat-card-content{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.stat-label{color:#4a5565;color:var(--color-text-tertiary);font-size:14px;font-weight:400;letter-spacing:-.150391px;line-height:20px}.stat-label,.stat-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#101828,#4a5565);background:var(--color-primary-gradient-alt);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700;letter-spacing:.395508px;line-height:36px}.stat-change{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;letter-spacing:-.150391px;line-height:20px}.stat-change.positive{color:#00a63e;color:var(--color-status-low)}.stat-change.negative{color:#e7000b;color:var(--color-status-critical)}.stat-icon-container{background:#ffffffb3;background:var(--color-white-70);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:16px;border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;height:50px;padding:13px 13px 1px;width:50px}.stat-icon{height:24px;width:24px}.risk-matrix-section{background:#ffffffb3;background:var(--color-white-70);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-card);box-sizing:border-box;height:540px;padding:24px;padding:var(--spacing-xl);width:100%}.risk-matrix-section,.risk-matrix-title{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.risk-matrix-title{color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:500;letter-spacing:-.3125px;line-height:16px}.risk-matrix-container{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-xl)}.risk-matrix-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:48px repeat(5,1fr);grid-template-rows:32px repeat(5,64px);width:100%}.matrix-header-cell{font-size:12px;line-height:16px}.matrix-header-cell,.matrix-y-axis{align-items:center;color:#1d1d1f;color:var(--color-text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-weight:500;justify-content:center}.matrix-y-axis{font-size:14px;grid-column:1;grid-row:1/-1;letter-spacing:-.150391px;line-height:20px;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.matrix-row-label{color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:12px;font-weight:500;line-height:16px}.matrix-cell,.matrix-row-label{align-items:center;display:flex;justify-content:center}.matrix-cell{border:1px solid #e5e7eb;border-radius:4px;border-radius:var(--spacing-xs);box-sizing:border-box}.matrix-cell.green{background:#00c950;background:var(--color-matrix-green)}.matrix-cell.yellow{background:#f0b100;background:var(--color-matrix-yellow)}.matrix-cell.orange{background:#ff6900;background:var(--color-matrix-orange)}.matrix-cell.red{background:#fb2c36;background:var(--color-matrix-red)}.matrix-risk-badge{background:inherit;border-radius:16777200px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;color:var(--color-white);font-size:18px;font-weight:700;height:48px;letter-spacing:-.439453px;line-height:28px;width:48px}.matrix-risk-badge,.matrix-x-axis{align-items:center;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);justify-content:center}.matrix-x-axis{color:#1d1d1f;color:var(--color-text-primary);font-size:14px;font-weight:500;grid-column:2/-1;letter-spacing:-.150391px;line-height:20px}.matrix-legend{display:flex;gap:24px;gap:var(--spacing-xl);justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.legend-color{border-radius:4px;border-radius:var(--spacing-xs);height:16px;width:16px}.legend-color.low{background:#00c950;background:var(--color-matrix-green)}.legend-color.medium{background:#f0b100;background:var(--color-matrix-yellow)}.legend-color.high{background:#ff6900;background:var(--color-matrix-orange)}.legend-color.critical{background:#fb2c36;background:var(--color-matrix-red)}.legend-label{color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:400;letter-spacing:-.150391px;line-height:20px}.risk-overview-section{background:#ffffffb3;background:var(--color-white-70);border:1px solid #ffffff2e;border:1px solid var(--color-white-18);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-card);box-sizing:border-box;height:436.5px;margin-bottom:32px;margin-bottom:var(--spacing-2xl);overflow:hidden;padding:24px;padding:var(--spacing-xl);width:100%}.risk-overview-title{color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:500;letter-spacing:-.3125px;line-height:16px;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.risk-table-wrapper{overflow-x:auto;width:100%}.risk-table{border-collapse:collapse;width:100%}.risk-table thead{border-bottom:1px solid #0000000f}.risk-table th{font-weight:500;height:40px;padding:10px 8px;text-align:left;white-space:nowrap}.risk-table td,.risk-table th{box-sizing:border-box;color:#1d1d1f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;letter-spacing:-.150391px;line-height:20px}.risk-table td{border-bottom:1px solid #0000000f;font-weight:400;height:43px;padding:0 8px;vertical-align:middle}.risk-table tr:last-child td{border-bottom:none}.col-risiko{width:221.8px}.col-kategorie{width:143.42px}.col-wahrscheinlichkeit{text-align:center;width:140.55px}.col-auswirkung{text-align:center;width:93.27px}.col-risikoscore{text-align:center;width:91.84px}.col-bewertung{text-align:center;width:87.65px}.risk-name{font-weight:500}.risk-category{font-weight:400}.risk-score-value{font-weight:600}.risk-score-value.critical{color:#e7000b;color:var(--color-status-critical)}.risk-score-value.high{color:#f54900;color:var(--color-status-high)}.risk-score-value.medium{color:#d08700;color:var(--color-status-medium)}.risk-score-value.low{color:#00a63e;color:var(--color-status-low)}.risk-badge{align-items:center;border-radius:16777200px;border-radius:var(--radius-full);box-sizing:border-box;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:12px;font-weight:500;height:26px;justify-content:center;line-height:16px;padding:4px 13px;text-align:center;white-space:nowrap}.risk-badge.critical{background:#ffe2e2;background:var(--color-risk-critical-bg);border:1px solid #bedbff80;color:#9f0712}.risk-badge.high{background:#ffedd4;background:var(--color-risk-high-bg);border:1px solid #bedbff80;color:#9f2d00}.risk-badge.medium{background:#fef9c2;background:var(--color-risk-medium-bg);border:1px solid #bedbff80;color:#894b00}.risk-badge.low{background:#dcfce7;background:var(--color-risk-low-bg);border:1px solid #bedbff80;color:#016630}@media (max-width:1024px){.customer-detail-main{padding:24px 24px 0;padding:var(--spacing-xl) var(--spacing-xl) 0}.stats-section{flex-wrap:wrap}.stat-card{flex:1 1;height:auto;min-width:calc(50% - 8px);padding:20px;width:auto}.risk-matrix-grid{grid-template-columns:32px repeat(5,1fr);grid-template-rows:24px repeat(5,48px)}.matrix-cell{font-size:10px}.matrix-risk-badge{font-size:14px;height:36px;width:36px}.customer-detail-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-md);height:auto}.header-actions{width:100%}.action-btn-primary{flex:1 1;min-width:160px;width:auto}.action-btn-primary:last-child{flex:2 1}.back-button{min-width:80px;width:auto}.risk-matrix-section,.risk-overview-section{height:auto;min-height:400px}}@media (max-width:768px){.customer-detail-main{padding:16px;padding:var(--spacing-lg);width:100%}.customer-detail-header{gap:16px;gap:var(--spacing-lg)}.header-left{width:100%}.title-section h1{font-size:22px;line-height:28px;word-break:break-word}.subtitle{font-size:14px}.stat-card{height:auto;min-width:100%;padding:16px;padding:var(--spacing-lg);width:100%}.stat-card-header{width:100%}.stat-value{font-size:24px}.risk-matrix-section,.risk-overview-section{padding:16px;padding:var(--spacing-lg);width:100%}.risk-matrix-grid{gap:4px;gap:var(--spacing-xs)}.matrix-legend{flex-wrap:wrap;gap:12px;gap:var(--spacing-md)}.risk-table-wrapper{overflow-x:auto;width:100%}.risk-table{min-width:600px}.header-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.action-btn-primary{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.customer-detail-main{padding:12px;padding:var(--spacing-md)}.title-section h1{font-size:20px;line-height:26px}.back-button{font-size:13px;padding:8px 12px;padding:8px var(--spacing-md)}.stat-card{padding:12px;padding:var(--spacing-md)}.stat-value{font-size:22px}.risk-matrix-section,.risk-overview-section{border-radius:16px;border-radius:var(--radius-md);padding:12px;padding:var(--spacing-md)}}
/*# sourceMappingURL=main.54c6c411.css.map*/