@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--primary: #4e664f;--primary-container: #849b84;--on-primary: #ffffff;--on-primary-cont: #1e3221;--secondary: #3d6841;--secondary-container:#bbecba;--tertiary: #5f5e5e;--error: #ba1a1a;--surface: #f7f9ff;--surface-container: #e2efff;--outline: #737871;--background: #f7f9ff;--on-surface: #0d1d2a;--on-surface-variant: #42514d;--muted: #6b7a8d;--sidebar-bg-top: #172518;--sidebar-bg-bottom: #0c160d;--sidebar-text: #b8ccb9;--sidebar-active-bg: rgba(187, 236, 186, .12);--sidebar-active-text:#bbecba;--card-bg: rgba(255, 255, 255, .72);--card-border: rgba(193, 214, 195, .45);--card-shadow: 0 4px 24px -8px rgba(13, 29, 42, .12);--card-blur: blur(20px);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--font-headline: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;color:var(--on-surface);background:var(--background);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar-bg-top) 0%,var(--sidebar-bg-bottom) 100%);color:var(--sidebar-text);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem .75rem 1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-inner{display:flex;flex-direction:column;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.brand-logo{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:var(--font-headline);font-weight:800;font-size:.85rem;display:grid;place-items:center;flex-shrink:0}.brand-name{font-family:var(--font-headline);font-weight:700;font-size:.95rem;color:#e8f0e9}.brand-plan{font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--primary-container);margin-top:1px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:.875rem;font-weight:500;transition:background .15s,color .15s;width:100%;text-align:left}.nav-item:hover{background:#ffffff0f;color:#d4e8d5}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.nav-icon{font-family:Material Symbols Rounded;font-size:1.25rem;font-weight:300;line-height:1;flex-shrink:0}.nav-divider{height:1px;background:#ffffff12;margin:.5rem 0}.sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem 0;border-top:1px solid rgba(255,255,255,.08)}.account-btn{display:flex;align-items:center;gap:.65rem;text-align:left;color:inherit}.account-btn.is-clickable{border-radius:12px;padding:.25rem .35rem;cursor:pointer;transition:background .15s}.account-btn.is-clickable:hover{background:#ffffff14}.footer-signout-btn{margin-left:auto;height:30px;padding:0 .65rem;border-radius:999px;font-size:.78rem;font-weight:600;color:#9cb49d;border:1px solid rgba(255,255,255,.12);transition:background .15s,color .15s}.footer-signout-btn:hover{background:#ffffff14;color:#d4e8d5}.avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.avatar-name{font-size:.82rem;font-weight:600;color:#ddeede}.avatar-role{font-size:.72rem;color:#7a9c7b;margin-top:1px}.main-content{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 500px at -10% -20%,rgba(78,102,79,.15),transparent),radial-gradient(1200px 500px at 110% 120%,rgba(61,104,65,.18),transparent),linear-gradient(180deg,#f2f8f4,#f7f9ff);padding:1.25rem}.login-card{width:min(420px,100%);background:#ffffffdb;border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);padding:1.5rem}.login-brand{display:inline-block;font-family:var(--font-headline);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.65rem}.login-card h1{font-family:var(--font-headline);font-size:1.45rem;margin-bottom:.4rem}.login-card p{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.login-switch{display:flex;gap:.4rem;margin-bottom:.8rem}.login-switch-btn{flex:1;border:1px solid var(--card-border);border-radius:999px;padding:.45rem .6rem;color:var(--muted);background:#ffffffb3;font-size:.8rem;font-weight:600}.login-switch-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent}.login-form{display:flex;flex-direction:column;gap:.85rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--on-surface-variant);font-weight:600}.login-form input{border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:.7rem .75rem;background:#fffffff2;color:var(--on-surface)}.login-error{color:var(--error);font-size:.8rem}.login-submit{margin-top:.35rem}.login-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-size:.95rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem 0}.topbar-left h1{font-family:var(--font-headline);font-size:1.55rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em}.topbar-left p{font-size:.85rem;color:var(--muted);margin-top:.2rem}.topbar-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.topbar-search{display:flex;align-items:center;gap:.5rem;background:#ffffffd9;border:1px solid var(--card-border);border-radius:999px;padding:.55rem 1rem;box-shadow:0 2px 8px -4px #0d1d2a1a}.topbar-search input{border:none;outline:none;background:transparent;font-size:.85rem;width:200px;color:var(--on-surface)}.topbar-search input::placeholder{color:var(--muted)}.topbar-search .icon{font-family:Material Symbols Rounded;font-size:1.1rem;color:var(--muted);line-height:1}.icon-btn{width:36px;height:36px;border-radius:999px;background:#ffffffd9;border:1px solid var(--card-border);display:grid;place-items:center;font-family:Material Symbols Rounded;font-size:1.1rem;color:var(--on-surface-variant);box-shadow:0 2px 8px -4px #0d1d2a1a;transition:background .15s}.icon-btn:hover{background:#fff}.page-body{padding:1.25rem 1.75rem 2rem;flex:1}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.card-pad{padding:1.25rem 1.35rem}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-head h3{font-family:var(--font-headline);font-size:.95rem;font-weight:700;color:var(--on-surface)}.card-head p{font-size:.8rem;color:var(--muted);margin-top:.2rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.1rem 1.2rem;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.metric-card.green:before{background:linear-gradient(90deg,var(--primary),var(--secondary))}.metric-card.teal:before{background:linear-gradient(90deg,#3d6841,#5a9c5e)}.metric-card.amber:before{background:linear-gradient(90deg,#b5850a,#e8a827)}.metric-card.red:before{background:linear-gradient(90deg,#ba1a1a,#e05454)}.metric-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.metric-value{font-family:var(--font-headline);font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--on-surface);margin:.4rem 0 .25rem;line-height:1}.metric-sub{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.3rem}.metric-sub.up{color:#2e7d32}.metric-sub.down{color:var(--error)}.metric-icon-wrap{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:var(--radius-sm);background:#4e664f1a;display:grid;place-items:center;font-family:Material Symbols Rounded;font-size:1.2rem;color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.badge-green{background:#3d68411f;color:#2e6b32}.badge-amber{background:#b5850a1f;color:#8a5f00}.badge-red{background:#ba1a1a1f;color:#ba1a1a}.badge-blue{background:#1976d21a;color:#1565c0}.badge-gray{background:#5f5e5e1a;color:var(--tertiary)}.badge-purple{background:#673ab71a;color:#4527a0}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:all .15s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 14px -4px #4e664f80}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--outline);color:var(--on-surface-variant)}.btn-outline:hover{background:#4e664f0f}.btn-ghost{color:var(--primary);font-weight:600}.btn-ghost:hover{background:#4e664f14;border-radius:var(--radius-sm)}.btn-danger{background:#ba1a1a1a;color:var(--error)}.btn-danger:hover{background:#ba1a1a2e}.btn .icon{font-family:Material Symbols Rounded;font-size:1rem;line-height:1}.btn-sm{padding:.35rem .75rem;font-size:.78rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.6rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--card-border)}.data-table td{padding:.85rem 1rem;font-size:.85rem;border-bottom:1px solid rgba(193,214,195,.25);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#4e664f08}.status-dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex-shrink:0}.status-dot.green{background:#4caf50;box-shadow:0 0 0 3px #4caf5033}.status-dot.amber{background:#ff9800;box-shadow:0 0 0 3px #ff980033}.status-dot.red{background:#f44336;box-shadow:0 0 0 3px #f4433633}.status-dot.gray{background:#9e9e9e}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8rem;font-weight:600;color:var(--on-surface-variant)}.form-input{background:#fffc;border:1px solid var(--card-border);border-radius:var(--radius-md);padding:.65rem .9rem;font-size:.875rem;color:var(--on-surface);outline:none;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4e664f26}.form-select{background:#fffc;border:1px solid var(--card-border);border-radius:var(--radius-md);padding:.65rem 2.5rem .65rem .9rem;font-size:.875rem;color:var(--on-surface);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7a8d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}.alert-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);border-left:3px solid transparent}.alert-card.critical{background:#ba1a1a12;border-left-color:var(--error)}.alert-card.warning{background:#b5850a12;border-left-color:#b5850a}.alert-card.info{background:#1976d212;border-left-color:#1976d2}.alert-icon{font-family:Material Symbols Rounded;font-size:1.1rem;line-height:1;margin-top:1px}.alert-card.critical .alert-icon{color:var(--error)}.alert-card.warning .alert-icon{color:#b5850a}.alert-card.info .alert-icon{color:#1976d2}.alert-title{font-size:.84rem;font-weight:600;color:var(--on-surface)}.alert-body{font-size:.78rem;color:var(--muted);margin-top:.15rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--on-surface)}.section-sub{font-size:.8rem;color:var(--muted);margin-top:.15rem}.tabs{display:flex;gap:.25rem;padding:.3rem;background:#ffffffb3;border:1px solid var(--card-border);border-radius:var(--radius-md);width:fit-content}.tab{padding:.45rem 1rem;border-radius:10px;font-size:.83rem;font-weight:500;color:var(--muted);transition:all .15s}.tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px -2px #4e664f59}.tab:not(.active):hover{background:#4e664f14;color:var(--primary)}.filter-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.progress-bar{height:6px;border-radius:999px;background:var(--surface-container);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .4s ease}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding-bottom:24px;position:relative}.bar-chart:after{content:"";position:absolute;bottom:24px;left:0;right:0;height:1px;background:var(--card-border)}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar-fill{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--primary),var(--secondary));min-height:4px;transition:height .3s ease}.bar-fill.muted{background:var(--surface-container)}.bar-label{font-size:.68rem;color:var(--muted);white-space:nowrap}.workflow-steps{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.workflow-step{display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:#4e664f14;border:1px solid rgba(78,102,79,.2);border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;color:var(--primary)}.workflow-arrow{font-family:Material Symbols Rounded;font-size:.9rem;color:var(--muted)}.time-block{padding:.75rem 1rem;border-radius:var(--radius-md);border-left:3px solid var(--primary);background:#ffffffd9;border-top:1px solid var(--card-border);border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.time-block-title{font-size:.84rem;font-weight:600;color:var(--on-surface)}.time-block-meta{font-size:.76rem;color:var(--muted);margin-top:.2rem}.approval-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid var(--card-border)}.approval-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.sop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.sop-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);display:flex;flex-direction:column;gap:.85rem;transition:box-shadow .15s,transform .15s}.sop-card:hover{box-shadow:0 8px 32px -8px #0d1d2a2e;transform:translateY(-2px)}.sop-card-head{display:flex;justify-content:space-between;align-items:flex-start}.sop-card-title{font-family:var(--font-headline);font-size:.92rem;font-weight:700;color:var(--on-surface)}.sop-card-desc{font-size:.8rem;color:var(--muted);line-height:1.5}.sop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(193,214,195,.3)}.sop-author{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted)}.sop-author-avatar{width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:.6rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.policy-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#ffffffbf;border:1px solid var(--card-border);border-radius:var(--radius-md);transition:background .15s}.policy-card:hover{background:#fffffff2}.policy-name{font-size:.9rem;font-weight:600;color:var(--on-surface)}.policy-desc{font-size:.78rem;color:var(--muted);margin-top:.15rem}.policy-actions{display:flex;gap:.4rem;flex-shrink:0}.violation-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 0;border-bottom:1px solid rgba(193,214,195,.25)}.violation-item:last-child{border-bottom:none}.violation-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:Material Symbols Rounded;font-size:1rem;flex-shrink:0}.violation-icon.critical{background:#ba1a1a1a;color:var(--error)}.violation-icon.warning{background:#b5850a1a;color:#b5850a}.violation-name{font-size:.85rem;font-weight:600;color:var(--on-surface)}.violation-meta{font-size:.76rem;color:var(--muted);margin-top:.2rem}.violation-time{font-size:.72rem;color:var(--muted);flex-shrink:0;margin-top:2px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(193,214,195,.3)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:.87rem;font-weight:600;color:var(--on-surface)}.settings-row-desc{font-size:.78rem;color:var(--muted);margin-top:.15rem}.toggle{position:relative;width:42px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:999px;cursor:pointer;transition:background .2s}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:999px;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.75rem;text-align:center;color:var(--muted)}.empty-state .icon{font-family:Material Symbols Rounded;font-size:2.5rem;opacity:.4}.empty-state p{font-size:.875rem;max-width:280px;line-height:1.5}.conf-ring{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--primary);background:conic-gradient(var(--primary) calc(var(--pct) * 1%),var(--surface-container) 0%);flex-shrink:0}.conf-ring-inner{width:34px;height:34px;border-radius:999px;background:var(--card-bg);display:grid;place-items:center;font-size:.68rem;font-weight:700;color:var(--primary)}.hero-banner{border-radius:var(--radius-xl);padding:1.5rem 1.75rem;background:linear-gradient(120deg,#ecf4ff,#d4edce);border:1px solid rgba(187,236,186,.5);display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.hero-greeting{font-family:var(--font-headline);font-size:1.15rem;font-weight:700;color:var(--on-surface)}.hero-sub{font-size:.85rem;color:var(--muted);margin-top:.3rem}.hero-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:#4e664f1f;border:1px solid rgba(78,102,79,.25);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--primary)}.hero-badge .icon{font-family:Material Symbols Rounded;font-size:.9rem}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.metric-grid{grid-template-columns:1fr}.topbar{flex-direction:column}}