@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:Inter,-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input::placeholder,textarea::placeholder,select::placeholder{color:#717680!important;font-size:16px!important;font-weight:400!important}.form-group input:focus{outline:none!important}.loader{border:6px solid rgba(255,255,255,.2);border-top:6px solid white;border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.filter-days{padding:6px 12px;border-radius:6px;border:1px solid #ccc;cursor:pointer}.graph-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.graph-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.graph-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.bar-list{display:flex;flex-direction:column;gap:8px}.bar-item{display:flex;align-items:center;gap:8px}.bar-label{flex:0 0 200px;font-size:14px;color:#414651}.header-right{display:flex;gap:15px;align-items:center}.filter-days{flex:1;padding:10px 0;border-radius:6px;border:1px solid #ccc;cursor:pointer;text-align:center}.header-right{display:flex;flex-direction:column;gap:10px}.gradient-purple{background:linear-gradient(135deg,#c084fc,#a855f7)}.filter-days{width:100%;padding:10px 0;border-radius:6px;border:1px solid #ccc;cursor:pointer;text-align:center}.bar-track{flex:0 0 150px;height:13px;background:#eee;border-radius:4px;overflow:hidden}.bar-count{width:40px;text-align:right;font-weight:700;font-size:13px}.bar-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.bar-label{flex:1;font-size:18px;color:#414651}.bar-count{margin-left:6px;width:30px;text-align:right;font-weight:700;font-size:13px}.graph-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.graph-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 6px #0000001a}.sub-card{background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 15px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.sub-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.sub-card h4{font-size:1.2rem;margin-bottom:20px;font-weight:600}.sub-card p{font-size:1.8rem;font-weight:700}.analysis-container{background:#f9fafb;min-height:100vh}.analysis-header{display:flex;justify-content:space-between;align-items:center}.graph-cards,.graph-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.5rem;margin-bottom:2rem}.graph-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 10px #0000000d;min-height:500px}.graph-card canvas{min-height:400px!important;height:400px!important}.doughnut-card{min-height:360px}.doughnut-card canvas{min-height:400px!important;height:300px!important;max-width:300px!important;margin:0 auto;display:block}.bar-list{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;align-items:center;gap:.75rem}.bar-label{flex:1;font-size:.9rem;color:#374151}.bar-track{flex:2;height:13px;border-radius:5px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.bar-fill.low{background:linear-gradient(90deg,#86efac,#22c55e)}.bar-fill.medium{background:linear-gradient(90deg,#fef08a,#eab308)}.bar-fill.high{background:linear-gradient(90deg,#fdba74,#f97316)}.bar-fill.severe{background:linear-gradient(90deg,#fca5a5,#ef4444)}.bar-count{font-size:.85rem;font-weight:600;color:#111827}.graph-card{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-bar{width:100%;height:12px;border-radius:6px;margin-top:.5rem}.progress-bar>div{height:100%;transition:width .4s ease}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}}.summary-cards{margin-right:-2rem;width:calc(100% + 4rem)}.summary-cards{width:100%}.summary-card{flex:1}.summary-card{padding:1rem;border-radius:10px;transition:transform .2s ease;line-height:30px}.summary-card:hover{transform:translateY(-3px)}.summary-card h3{font-size:20px;margin:0;color:#283b62}.summary-card h4{font-size:14px;margin:4px 0;color:#4c586d;font-weight:600}.summary-card p{font-size:12px;color:#6b7280;margin:0}.summary-card.blue{background:#bac8f4}.summary-card.green{background:#d1fae5}.summary-card.purple{background:#c8bff1}.analytics-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.analytics-filters label{font-size:.85rem;display:flex;color:#414651;flex-direction:column;gap:.25rem}.panel-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.risk-levels-legend{background:#fff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.legend-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;margin-top:0}.legend-items{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.legend-item{display:flex;align-items:center;gap:10px}.legend-color-box{width:30px;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-label{font-size:14px;font-weight:500;color:#555;text-transform:capitalize}@media (max-width: 768px){.legend-items{gap:15px}.legend-color-box{width:25px;height:25px}.legend-label{font-size:13px}}.custom-login-btn{background-color:#0e3f39;color:#fff;font-weight:600;border:none;padding:14px 24px;border-radius:6px;transition:background-color .2s ease;width:100%;font-size:24px;line-height:1.7}.login-container h2{color:#000;font-weight:700;font-size:32px;text-align:center}.custom-login-btn:hover{background-color:#0f3e23;color:#fff}.login-container{text-align:left;max-width:600px;margin:0 auto}.form-control{width:100%;padding:10px 12px;border:1px solid #D5D7DA;border-radius:6px;box-sizing:border-box;font-size:16px}.mb-3{margin-bottom:16px}.mb-3 label{display:block;margin-top:auto;margin-bottom:10px;font-size:16px;color:#414651}.mt-4{text-align:left}.switchers{position:absolute;bottom:10px;right:10px;display:flex;gap:10px}.language-switcher{display:flex;gap:10px}.theme-toggle{margin-left:10px}body.high-contrast{background-color:#000!important;color:#fff!important}body.high-contrast .home-container,body.high-contrast .login-container,body.high-contrast .home-card{background-color:#000!important;color:#fff!important;border:2px solid #D5D7DA!important}body.high-contrast .home-container h1,body.high-contrast .home-container h3,body.high-contrast .home-container h4{color:#fff!important}body.high-contrast .form-control{background-color:#333!important;color:#fff!important;border:1px solid #D5D7DA!important}body.high-contrast .custom-login-btn{background-color:#fff!important;color:#000!important;border:1px solid #D5D7DA!important}body.high-contrast .custom-login-btn:hover{background-color:#ccc!important;color:#000!important}body.high-contrast{color:#0ff!important}body.high-contrast .toggle-btn{background-color:transparent!important;color:#fff!important}body.high-contrast .toggle-btn.active{background-color:#fff!important;color:#000!important}body.high-contrast .button-toggle-box{background-color:#333!important}body.high-contrast img{filter:brightness(1.2) contrast(1.5)!important}.form-row{display:flex;gap:20px;margin-bottom:10px;flex-wrap:wrap}.half-width{flex:1;min-width:200px}.form-control{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px}.form-control::placeholder{color:#717680!important;font-size:16px!important;font-weight:400!important}.form-group label{display:block!important;margin-top:auto!important;font-size:16px!important;font-weight:initial!important;color:#414651!important}.custom-login-btn{width:100%}.toggle-btns{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.toggle-btn{padding:8px 16px;border:none;background:#f0f0f0;cursor:pointer;border-radius:6px;font-weight:500}.toggle-btn.active{background:#14532d;color:#fff}.card{margin:0 auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.card-title{margin-bottom:10px}.card-desc{margin:10px 0}.card-action{margin-top:20px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:40px}.password-toggle-btn{position:absolute;right:-40px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer}.password-toggle-btn:hover{background-color:transparent}.logo-upload{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.logo-upload label{font-weight:600;font-size:.9rem;color:#414651}.logo-input-row{display:flex;align-items:center;gap:8px}.logo-upload input[type=file]{font-size:.75rem;padding:4px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;max-width:260px}.logo-placeholder{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:1px dashed #cbd5e1;padding:10px 12px;border-radius:10px;font-size:.75rem;color:#6b7280}.logo-preview-wrapper{position:relative;width:140px;height:140px;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 4px #00000014}.logo-preview{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}.remove-logo-btn{display:inline-flex;align-items:center;justify-content:center;background:#f87171;color:#fff;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.7rem;line-height:1;height:34px;transition:background .2s}.remove-logo-btn:hover{background:#dc2626}.form-check-input{cursor:pointer;border:1px solid #d1d5db;border-radius:4px}.form-check-input:checked{background-color:#14532d!important;border-color:#14532d!important}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;margin:0;padding:0}.home-card,.form-inside-card{width:100%;max-width:600px;padding:20px}body.homepage,.home-container{background-color:#fefefd;min-height:100vh;width:100vw}.home-container{text-align:center;position:relative}.info-list{display:flex;justify-content:center;gap:20px;list-style:none;padding-left:0;margin-top:10px;color:#000}.info-list li:before{content:"•";margin:0 10px 0 0;color:#000}.info-list li{font-size:14px;margin:0}.toggle-btn.active{background-color:#fff;color:#fff}.toggle-btn:hover{background-color:#b5b8b6;border:none}.home-container h1{color:#000;font-weight:700;font-size:32px}.home-container h3{color:#000;font-weight:700;font-size:24px;text-align:center}.home-container h4,.home-container p{color:#000;font-weight:400;font-size:16px;text-align:center}.banner-img{display:block;margin:0 auto;width:100%;max-width:170px;height:auto}.banner-img.top{margin-bottom:20px}.banner-img.bottom{margin-top:20px}.button-toggle-box{display:inline-flex;background-color:#e0e0e0;border-radius:5px;padding:4px;margin-top:20px}.button-toggle-box{display:flex;justify-content:center;align-items:center}.toggle-btn{background-color:transparent;border:none;padding:10px 20px;font-weight:600;border-radius:5px;cursor:pointer;color:gray;transition:all .2s ease;width:100%}.toggle-btn.active{background-color:#fff;color:#000;border-radius:5%}.toggle-btn:hover{background-color:#b5b8b6;color:#fff;border:none;border-radius:5%}.logo-responsive{transition:all .3s ease}@media (min-width: 1200px){.logo-responsive{height:80px!important;max-width:250px!important}}@media (min-width: 1400px){.logo-responsive{height:100px!important;max-width:300px!important}}@media (min-width: 1600px){.logo-responsive{height:120px!important;max-width:350px!important}}.team-lib.layout-left{width:100%;padding-top:2rem;color:#0f172a}.tl-header{margin-bottom:10px}.tl-title{margin:0 0 12px;font-weight:700;font-size:2rem}.tl-subtitle{margin:0 0 12px;color:#475569;font-size:14px}.create-card{margin-bottom:16px}.create-grid{display:grid;grid-template-columns:1fr 280px;gap:12px}@media (max-width: 860px){.create-grid{grid-template-columns:1fr}}.create-left{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-label{font-size:12px;color:#414651;margin-bottom:6px}.form-input{border:1px solid #e5e7eb;border-radius:8px;padding:9px 10px;font-size:14px;outline:none;background:#fff}.hint-row .hint{color:#64748b;font-size:12px}.action-row{display:flex;gap:8px}.create-right{display:flex;flex-direction:column}@media (max-width: 860px){.create-right{border-left:0;padding-left:0;border-top:1px dashed #e2e8f0;padding-top:12px}}.avatar-preview{width:120px;height:70px;display:grid;place-items:left;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:contain;background:#fff}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:700;color:#334155;background:#f1f5f9}.file-button{position:relative;border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;text-align:center}.file-button:hover{background:#f8fafc;border-color:#cbd5e1}.file-button input[type=file]{display:none}.file-button.small{padding:6px 10px;font-size:13px}.tiny-hint{color:#64748b;font-size:12px}.upload-box-team{border:1px solid #D5D7DA;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden;transition:border-color .3s ease;width:100%;margin-bottom:8px}.upload-box-team:hover{border-color:#0e3f394d}.upload-text-team{flex:1;color:#414651cc;font-size:14px;display:flex;align-items:center}.upload-btn-team{display:flex;align-items:center;background-color:#0e3f39;color:#fff!important;border-radius:0 6px 6px 0;padding:11px 18px;border:none;cursor:pointer;transition:background-color .3s ease;margin-bottom:0}.upload-btn-team:hover{background-color:#0e3f39e6}.btn.upload-btn-team{color:#fff!important}.upload-box-team-small{border:2px solid rgba(10,13,18,.05);border-radius:8px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden;transition:border-color .3s ease;width:100%}.upload-box-team-small:hover{border-color:#0e3f394d}.upload-text-team-small{flex:1;color:#414651cc;font-size:13px;display:flex;align-items:center}.upload-btn-team-small{display:flex;align-items:center;background-color:#0e3f39;color:#fff!important;border-radius:0 6px 6px 0;padding:8px 14px;border:none;cursor:pointer;transition:background-color .3s ease;margin-bottom:0;font-size:13px}.upload-btn-team-small:hover{background-color:#0e3f39e6}.controls{margin:8px 0 12px}.search-group{display:flex;flex-direction:column;max-width:420px}.filter-label{font-size:12px;color:#414651;margin-bottom:6px}.search-input{border:1px solid #e5e7eb;border-radius:8px;padding:9px 10px;font-size:14px;outline:none;background:#fff}.label-icon{margin-right:4px}.list-section{margin-top:8px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.section-title{font-size:16px;margin:0}.muted{color:#64748b;font-weight:500}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.members-list{display:flex;flex-direction:column;gap:16px}.members-list::-webkit-scrollbar,.members-scroll-container::-webkit-scrollbar{width:8px}.members-list::-webkit-scrollbar-track,.members-scroll-container::-webkit-scrollbar-track{background:#dadada!important;border-radius:4px}.members-list::-webkit-scrollbar-thumb,.members-scroll-container::-webkit-scrollbar-thumb{background:#939393;border-radius:4px}.members-list::-webkit-scrollbar-thumb:hover,.members-scroll-container::-webkit-scrollbar-thumb:hover{background:#0a2d28}.member-item{background:#dce3e2;border:1px solid #0E3F39!important;border-radius:8px;padding:20px;transition:all .2s ease}.member-item:hover{background:#f1f3f4;box-shadow:0 2px 8px #0e3f391a}.member-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-picture{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;background:#e9ecef;display:flex;align-items:center;justify-content:center;border:1px solid #ccc}.profile-img{width:100%;height:100%;object-fit:cover}.profile-fallback{font-size:24px;font-weight:600;color:#495057}.profile-badges{position:absolute;top:-4px;left:-4px;display:flex;gap:2px}.badge-circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid white}.badge-circle.yellow{background:#ffc107}.badge-circle.green{background:#28a745}.member-info{flex:1;min-width:0}.member-name{font-size:18px;font-weight:600;color:#181d27;margin-bottom:4px}.member-mobile{font-size:14px;color:#414651}.member-actions{display:flex;gap:12px;flex-shrink:0}.update-button{background:none!important;color:#181d27!important;border:1px solid #000000!important;border-radius:6px!important;padding:8px 16px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.update-button:hover{background:#e9ecef;transform:translateY(-1px)}.delete-button{background:#ff383c!important;color:#fff!important;border:none;border-radius:6px;padding:8px 16px;font-size:16px!important;font-weight:600!important;cursor:pointer}.divider-line{height:1px;background:repeating-linear-gradient(to right,#dee2e6 0px,#dee2e6 4px,transparent 4px,transparent 8px);margin:16px 0}.update-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.field-group{display:flex;flex-direction:column}.field-label{font-size:14px;font-weight:500;color:#414651}.field-input{border:1px solid #ced4da;border-radius:6px;padding:10px 12px;font-size:14px;background:#fff;outline:none;transition:border-color .2s ease}.signature-upload{display:flex;gap:8px;align-items:flex-end}.signature-upload .field-input{flex:1}.upload-button{background:#0e3f39;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.upload-button:hover{background:#0a2d28;transform:translateY(-1px)}.upload-icon{font-size:16px;font-weight:700}.field-group .upload-box-team-small{border:1px solid #D5D7DA;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden;transition:border-color .3s ease;width:100%;margin-bottom:8px}.field-group .upload-box-team-small:hover{border-color:#0e3f394d}.field-group .upload-text-team-small{flex:1;color:#414651cc;font-size:13px;display:flex;align-items:center}.field-group .upload-btn-team-small{display:flex;align-items:center;background-color:#0e3f39;color:#fff!important;border-radius:0 6px 6px 0;padding:8px 14px;border:none;cursor:pointer;transition:background-color .3s ease;margin-bottom:0;font-size:13px}.field-group .upload-btn-team-small:hover{background-color:#0e3f39e6}@media (max-width: 768px){.member-item{padding:16px}.member-profile{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:space-between}.update-fields{grid-template-columns:1fr;gap:16px}.signature-upload{flex-direction:column;gap:8px}.signature-upload .field-input{width:100%}.upload-button{width:100%;justify-content:center}}@media (max-width: 480px){.member-item{padding:12px}.profile-picture{width:50px;height:50px}.profile-fallback{font-size:20px}.badge-circle{width:16px;height:16px;font-size:8px}.member-name{font-size:16px}.member-mobile{font-size:13px}.update-button,.delete-button{padding:6px 12px;font-size:13px}}.member-card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:flex;flex-direction:column;min-height:220px;transition:box-shadow .2s,transform .15s}.member-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0f172a14;transform:translateY(-2px)}.member-top{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 14px 8px;border-bottom:1px solid #f1f5f9;background:#f9fafb}.avatar{width:72px;height:80px;border:1px solid #e5e7eb;border-radius:10px;background:linear-gradient(135deg,#f9fafb,#f1f5f9);display:grid;place-items:center;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:18px;font-weight:600;color:#475569}.member-meta{min-width:0}.member-name{font-weight:700;font-size:15px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-sub{color:#64748b;font-size:12px;margin-top:2px}.member-actions{display:flex;gap:6px}.delete-team-member{border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s;min-width:40px;padding:6px}.delete-team-member:hover{background:#f8fafc;transform:scale(1.05)}.delete-team-member.danger{border-color:#fecaca;color:#b91c1c}.delete-team-member.danger:hover{background:#fee2e2;border-color:#fca5a5}.member-bottom{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.sig-actions{display:flex;gap:8px;flex-wrap:wrap}.file-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}.file-button:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-weight:500;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px;transition:background .15s,transform .1s}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.inline-edit{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width: 480px){.inline-edit{grid-template-columns:1fr}}.inline-input{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:14px;max-width:8rem;outline:none;transition:border .15s,box-shadow .15s}.empty-state{border:1px dashed #e5e7eb;border-radius:12px;padding:20px;background:#fff;text-align:left}.loading-row{display:flex;align-items:center;gap:8px;color:#475569}.loading-spinner{width:18px;height:18px;border:2px solid #94a3b8;border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}.remove-signature-button{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}.remove-signature-button:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.small{padding:6px 10px;font-size:13px}.file-button,.remove-signature-button{height:2rem}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.subscription-required{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #225214;padding:18px;background:#fafafa}.subscription-card{width:100%;margin-top:20px;background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.subscription-card .price{font-size:24px;font-weight:700;color:#225214;margin:10px 0}.subscription-card .description{color:#64748b;margin-bottom:16px}.subscription-features{list-style:none;padding:0;margin:16px 0}.subscription-features li{display:flex;align-items:center;gap:10px;padding:8px 0;color:#334155}.btn-primary{background-color:#225214;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:background-color .2s}.btn-primary:hover{background-color:#1a4110}.dashboard-grid{display:flex;gap:25px;align-items:stretch}.dashboard-left{flex:2;display:flex;flex-direction:column}.dashboard-right{flex:1;display:flex;flex-direction:column;gap:20px}.profile-card,.one-time-card,.subscription-card{background:#fff;border-radius:12px;padding:25px;transition:all .3s;flex:1;display:flex;flex-direction:column}.profile-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.one-time-card{border:2px solid #2c4e2d;padding:20px}.one-time-card h3{margin-bottom:.5rem}.one-time-card .price{font-weight:700;margin-bottom:1rem}.one-time-features{margin-bottom:1rem;padding:0;margin:0;list-style:none}.one-time-features li{margin-bottom:.2rem;text-align:left}.subscription-card{border:1px solid #ccc;padding:20px;background:#0e3f391a;color:#181d27}.subscription-card h3{margin-bottom:.5rem}.subscription-card .price{font-weight:700;margin-bottom:.5rem}.subscription-card .subscription-info{font-size:.9rem;color:#555;margin-bottom:1rem}.subscription-card .subscription-features{list-style:none;margin-bottom:1rem;padding:0;margin:0}.subscription-card .subscription-features li{margin-bottom:.5rem;text-align:left;display:flex;align-items:center;gap:8px}.subscription-card .status{font-weight:500;margin-bottom:1rem}.profile-title{font-size:2rem;font-weight:700;margin-bottom:25px}.status{font-weight:700;margin-top:10px}label{font-weight:500;display:block;color:#414651;margin-bottom:6px}.profile-card input[type=text],.profile-card input[type=email],.profile-card input[type=password],.profile-card select,.profile-card input[type=file]{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem}.profile-card input[type=text]::placeholder,.profile-card input[type=email]::placeholder,.profile-card input[type=password]::placeholder{color:#717680;font-size:16px;font-weight:400!important}input:disabled,select:disabled{background-color:#f9f9f9}.btn-primary,.btn-subscribe,.btn-cancel,.btn-logout{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s}.btn-primary{background:#105a0e;color:#fff}.btn-primary:hover{background:#275b1a}.btn-subscribe{background:#28a745;color:#fff}.btn-subscribe:hover{background:#218838}.btn-subscribe-custom{padding:12px 24px;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s;background:#fff;color:#333}.btn-subscribe-custom:hover{background:#f9fafb;border-color:#9ca3af}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333}.btn-logout{background-color:#194126;color:#fff}.btn-logout:hover{background-color:#004d00}.logo-card{align-items:flex-start}.logo-card input[type=file]{padding:5px}.logo-preview{max-width:80px;max-height:80px;object-fit:contain;border-radius:8px;border:1px solid #ddd;margin:-10px 15px;display:block}.tab-header{display:flex;gap:10px;margin-bottom:20px}.tab-header button{flex:1;padding:10px;border:none;background:#f0f0f0;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;transition:.2s}.tab-header button.active{background:#105a0e;color:#fff}.tab-header button:hover:not(.active){background:#e0e0e0}.logo-upload{display:flex;flex-direction:column;gap:8px}.logo-preview{max-width:120px;max-height:120px;object-fit:contain;border-radius:8px;border:1px solid #ddd;display:block;margin:10px auto}@media (min-width: 768px) and (max-width: 1024px){.profile-info-container,.profile-company-info{gap:3rem!important}}@media (min-width: 1025px) and (max-width: 1440px){.profile-info-container{gap:6rem!important}.profile-company-info{gap:3rem!important}}@media (min-width: 1441px){.profile-info-container{gap:10rem!important}.profile-company-info{gap:9rem!important}}@media (max-width: 767px){.profile-info-container,.profile-company-info{gap:2rem!important}}@media (min-width: 768px){.dashboard-grid{flex-direction:row}}@media (max-width: 767px){.dashboard-grid{flex-direction:column}}@media (min-width: 768px) and (max-width: 1024px){.profile-info-container{padding:1.5rem!important}}@media (min-width: 1025px){.profile-info-container{padding:2rem!important}}@media (min-width: 768px) and (max-width: 1024px){.profile-card,.one-time-card,.subscription-card{padding:20px}}@media (min-width: 1025px){.profile-card,.one-time-card,.subscription-card{padding:25px}}.upload-box{border:2px solid rgba(10,13,18,.05);border-radius:8px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden;transition:border-color .3s ease}.upload-box:hover{border-color:#0e3f394d}.upload-text{flex:1;color:#41465199;font-size:14px}.upload-btn{display:flex;align-items:center;background-color:#0e3f39;color:#fff!important;border-radius:0 6px 6px 0;padding:11px 18px;border:none;cursor:pointer;transition:background-color .3s ease;margin-bottom:0}.upload-btn:hover{background-color:#0e3f39e6}.custom-select{box-shadow:none;appearance:none;outline:none;border:2px solid rgba(10,13,18,.05);padding:10px}.dashboard-container{background-color:#f8fafc;min-height:100vh}.grid-container{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:1.5rem}.grid-item h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:#222;margin-left:2rem}.grid-item p{font-size:2rem;font-weight:700;margin-left:2rem}.grid-item{background:#fff;border-radius:12px;padding:1.5rem 4rem;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;justify-content:space-between;position:relative}.grid-item .card-icon{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2.5rem;color:#143e201a}.recent-card{border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid #D5D7DA!important}.recent-card h3{margin-bottom:1rem}.recent-card ul{list-style:none;padding:0;margin:0}.recent-card li{padding:.6rem 0;border-bottom:1px solid #ddd}@media (max-width: 1024px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{margin-left:0;padding-top:1rem}.grid-container{grid-template-columns:1fr}}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.create-new h3,.stat-card h3{font-size:24px;font-weight:600;margin-left:2rem}.create-new .subheading,.stat-card .subheading{font-size:14px;margin-left:2rem}.card-icon{width:50px;height:55px;margin-top:10px}.stat-card p{font-size:36px;font-weight:700;color:#14532d;margin:10px 0;margin-left:2rem}.recent-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recent-card h3{font-size:24px;font-weight:600;margin-bottom:15px}.recent-swms-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:10px}.swms-name{font-size:18px;font-weight:600;color:#000;margin:0}.status-tag{display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;border-radius:12px;width:fit-content}.status-tag.draft{background-color:#17a2b8;color:#fff}.status-tag.completed{background-color:#28a745;color:#fff}.swms-details{font-size:14px;color:#333}.swms-details p{margin:5px 0}.swms-details ul{margin:5px 0;padding-left:20px}.swms-details li{margin-bottom:5px}.swms-actions{display:flex;align-items:center;gap:10px}.edit-btn{padding:8px 16px;font-size:14px;border-radius:4px;background-color:#14532d;color:#fff;border:none;cursor:pointer}body.high-contrast .recent-card h3,body.high-contrast .swms-name,body.high-contrast .swms-details{color:#fff!important}body.high-contrast .recent-card,body.high-contrast .recent-swms-card{background-color:#333!important;border:2px solid #fff!important}body.high-contrast .create-new{background-color:#555!important}body.high-contrast .plus-btn{background-color:#fff!important;color:#000!important}body.high-contrast .plus-btn:hover{background-color:#ccc!important}body.high-contrast .stat-card p{color:#fff!important;margin-left:2rem}body.high-contrast .status-tag.draft{background-color:#00b7eb!important;color:#000!important}body.high-contrast .status-tag.completed{background-color:#28a745!important;color:#fff!important}.grid-item h3{text-align:left}.recent-grid{display:flex;flex-direction:column;gap:0}.recent-swms-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;background:none}.swms-left{display:flex;flex-direction:column;gap:4px}.swms-actions{display:flex;gap:8px}.risk-tag,.status-tag{font-size:11px;padding:3px 8px}.recent-swms-card.clickable{cursor:pointer;transition:background-color .15s ease}.recent-swms-card.clickable:hover{background-color:#f7f9fa}.recent-list{display:flex;flex-direction:column;gap:0}.recent-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;background:none}.recent-row:hover{background-color:#f7f9fa}.recent-left{display:flex;align-items:center;gap:12px}.recent-icon{width:36px;height:36px}.recent-info{display:flex;flex-direction:column}.last-modified{font-size:12px;color:#777}.recent-right{display:flex;align-items:center;gap:8px}.download-btn{padding:8px 16px;font-size:14px;border-radius:4px;background-color:#14532d;color:#fff;border:none;cursor:pointer}.download-btn:hover{background-color:#0f3e23;color:#bababa}.recent-icon{width:36px;height:36px;object-fit:contain}.create-row{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:12px;justify-content:flex-start}.plus-btn:hover{background-color:#fff;color:#14532d}.plus-btn{width:38px;height:38px;background-color:#fff;color:#254d22;font-size:38px;font-weight:700;display:flex;align-items:center;justify-content:left;cursor:pointer;margin-left:2rem}.create-text{font-size:14px;font-weight:500;color:#14532d;justify-content:left}.dashboard-container h1{margin:0;font-size:2.8rem;text-align:left}.dashboard-subheading{margin:.5rem 0 1.5rem;font-size:1rem;font-weight:500;text-align:left;color:#444}.grid-item{padding:1.5rem 14rem}.grid-item h3,.swms-name{color:#475569}.grid-item,.recent-card,.recent-swms-card{border-color:#e2e8f0}.last-modified{color:#64748b}.risk-tag{background-color:#f57f17}.status-tag.draft{color:#0e3f39;border:1px solid rgb(14,63,57);background:#0e3f391a}.plus-btn,.create-text{color:#0f4037}.responsive-heading{font-weight:600;color:#181d27;font-size:clamp(1.125rem,1.4vw,2.5rem);line-height:1.3}.responsive-subheading{color:#535862;font-size:clamp(.875rem,1.1vw,2rem);font-weight:400;line-height:1.4}.responsive-text{color:#333;font-size:clamp(.875rem,1vw,1.75rem);font-weight:400;line-height:1.5}.responsive-small{color:#666;font-size:clamp(.75rem,.8vw,1.25rem);font-weight:400;line-height:1.4}.responsive-label{font-size:clamp(.8rem,1vw,1.75rem);color:#414651;margin-bottom:6px;font-weight:500}.responsive-input{font-size:clamp(.875rem,1vw,1.75rem);padding:clamp(8px,1vw,20px) clamp(10px,1.2vw,24px)}.responsive-button{font-size:clamp(.875rem,1vw,1.5rem);padding:clamp(8px,1vw,16px) clamp(16px,1.4vw,32px)}.responsive-card-title{font-size:clamp(1rem,1.3vw,2.25rem);font-weight:600;color:#181d27;line-height:1.3}.responsive-card-text{font-size:clamp(.875rem,.9vw,1.5rem);color:#666;line-height:1.4}.responsive-nav-item{font-size:clamp(.875rem,.9vw,1.5rem);font-weight:500}.responsive-error{color:#dc2626;font-size:clamp(.75rem,.8vw,1.25rem);margin-top:6px}.responsive-success{color:#16a34a;font-size:clamp(.875rem,.9vw,1.5rem);margin-top:12px;text-align:center}@media (max-width: 576px){.responsive-card{padding:12px}.responsive-two-col,.responsive-three-col{flex-direction:column;gap:8px}}@media (min-width: 577px) and (max-width: 768px){.responsive-card{padding:16px}.responsive-two-col,.responsive-three-col{flex-direction:column}}@media (min-width: 769px){.responsive-two-col,.responsive-three-col{flex-direction:row}}@media (min-width: 2560px){.responsive-heading{font-size:clamp(1.75rem,1.6vw,3.5rem)}.responsive-subheading{font-size:clamp(1.25rem,1.2vw,2.5rem)}.responsive-text{font-size:clamp(1.125rem,1.1vw,2.25rem)}.responsive-small{font-size:clamp(.9rem,.9vw,1.75rem)}.responsive-label{font-size:clamp(1.125rem,1.1vw,2.25rem);color:#414651}.responsive-input{font-size:clamp(1.125rem,1.1vw,2.25rem);padding:clamp(14px,1.2vw,28px) clamp(16px,1.4vw,32px)}.responsive-button{font-size:clamp(1.125rem,1.1vw,2rem);padding:clamp(12px,1.2vw,24px) clamp(20px,1.6vw,40px)}.responsive-card-title{font-size:clamp(1.25rem,1.4vw,3rem)}.responsive-card-text,.responsive-nav-item{font-size:clamp(1rem,1vw,2rem)}.responsive-error{font-size:clamp(.9rem,.9vw,1.75rem)}.responsive-success{font-size:clamp(1rem,1vw,2rem)}}@media (min-width: 3440px){.responsive-heading{font-size:clamp(2rem,1.8vw,4rem)}.responsive-subheading{font-size:clamp(1.5rem,1.4vw,3rem)}.responsive-text{font-size:clamp(1.25rem,1.3vw,2.5rem)}.responsive-small{font-size:clamp(1rem,1vw,2rem)}.responsive-label{font-size:clamp(1.25rem,1.3vw,2.5rem)}.responsive-input{font-size:clamp(1.25rem,1.3vw,2.5rem);padding:clamp(16px,1.4vw,32px) clamp(20px,1.6vw,40px)}.responsive-button{font-size:clamp(1.25rem,1.3vw,2.5rem);padding:clamp(14px,1.4vw,28px) clamp(24px,1.8vw,48px)}.responsive-card-title{font-size:clamp(1.5rem,1.6vw,3.5rem)}.responsive-card-text,.responsive-nav-item{font-size:clamp(1.125rem,1.2vw,2.25rem)}.responsive-error{font-size:clamp(1rem,1vw,2rem)}.responsive-success{font-size:clamp(1.125rem,1.2vw,2.25rem)}}.my-swms-container{padding-top:2rem;margin:0 auto}html,body{height:100%;margin:0;background-color:#f0f2f4;font-family:Arial,sans-serif}.my-swms-container h1{color:#000}.header-controls-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:30px;padding:0}.section-buttons-row{display:flex;gap:0;align-items:flex-end;border-bottom:2px solid #d0d0d0;width:20%!important}h1{margin:0;font-size:1.8rem;text-align:left}.section-btn{padding:12px 20px;background-color:transparent;color:#767676;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:400;transition:all .3s ease;position:relative;white-space:nowrap;margin-bottom:-2px;background:none!important;border-radius:0!important}.section-btn.active{color:#0e3f39;border-bottom:2px solid #0E3F39;background-color:transparent;font-weight:600;background:none!important}.section-btn:hover{color:#000;background:none!important}.content-section{display:flex;flex-direction:column;gap:20px}.swms-section{background:transparent;padding:0;border-radius:0;box-shadow:none}.swms-section h3{color:#000;font-weight:700;font-size:24px;margin-bottom:10px}.drafts-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 1200px){.drafts-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px) and (max-width: 1199px){.drafts-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px) and (max-width: 899px){.drafts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.drafts-grid{grid-template-columns:1fr}}.draft-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:10px}.draft-name{font-size:18px;font-weight:600;color:#000;margin:0}.risk-tag{display:inline-block;background-color:#ffc107;color:#000;font-size:12px;font-weight:600;padding:5px 10px;border-radius:12px;width:fit-content}.draft-details{font-size:14px;color:#333}.draft-details p{margin:5px 0}.draft-details ul{margin:5px 0;padding-left:20px}.draft-details li{margin-bottom:5px}.draft-actions{display:flex;align-items:center;gap:10px}.edit-btn{padding:8px 16px;background-color:#14532d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.edit-btn:hover{background-color:#0f3e23}.delete-icon{font-size:18px;cursor:pointer;color:#dc3545}.delete-icon:hover{color:#a71d2a}.swms-item{padding:10px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.swms-actions{display:flex;gap:10px}.swms-item button{padding:5px 10px;background-color:#14532d;color:#fff;border:none;border-radius:4px;cursor:pointer}.swms-item button:hover{background-color:#0f3e23}.error-message{color:#dc3545;margin-bottom:20px;font-weight:700}select{padding:5px;font-size:16px}body.high-contrast .my-swms-container h1,body.high-contrast .swms-section h3,body.high-contrast .draft-name,body.high-contrast .draft-details{color:#fff!important}body.high-contrast .swms-section,body.high-contrast .draft-card{background-color:#333!important;border:2px solid #fff!important}body.high-contrast .swms-item,body.high-contrast select{color:#fff!important;border-color:#fff!important}body.high-contrast .section-btn{background-color:#555!important;color:#fff!important}body.high-contrast .section-btn.active{background-color:#fff!important;color:#000!important}body.high-contrast .section-btn:hover{background-color:#ccc!important}body.high-contrast .risk-tag{background-color:#ffeb3b!important;color:#000!important}body.high-contrast .edit-btn{background-color:#fff!important;color:#000!important}body.high-contrast .edit-btn:hover{background-color:#ccc!important}body.high-contrast .delete-icon{color:#f66!important}body.high-contrast .delete-icon:hover{color:#c00!important}body.high-contrast .swms-item button{background-color:#fff!important;color:#000!important}body.high-contrast .swms-item button:hover{background-color:#ccc!important}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.edit-btn{padding:8px 16px;background-color:#14532d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.deleted-card{border:1px solid #f5c6cb}.deleted-tag{background-color:#dc3545;color:#fff}.restore-btn{width:100%;padding:10px;background-color:#5fa052;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.restore-btn:hover{background-color:#218838}.filter-row{display:flex;gap:10px;align-items:flex-end;margin:0;padding-bottom:0}.search-bar-container{position:relative;display:flex;align-items:center;min-width:350px;flex:1}.search-bar,.trade-filter{padding:8px 12px;font-size:14px;height:45px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;transition:all .3s ease}.search-bar{width:100%;padding-right:40px}.search-icon{position:absolute;right:12px;color:#666;pointer-events:none}.trade-filter{min-width:180px;cursor:pointer;background-color:#fff}.search-bar::placeholder{color:#1e1e1e;font-size:16px;font-weight:400}.my-swms-description{color:#444;font-weight:100;font-size:17px;margin-bottom:20px}.search-bar{flex:7}.trade-filter{flex:3}.permanent-delete-btn{background-color:#cb4c4e;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%;padding:10px;font-size:14px}.permanent-delete-btn:hover{background-color:#a71d2a}.draft-header{display:flex;justify-content:space-between;align-items:center}.draft-header .draft-name{margin:0}.deleted-tag{background-color:#cb4c4e;color:#fff;padding:5px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.header-row{display:flex;justify-content:space-between;align-items:center}.refresh-btn{background-color:#f0f2f4;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;font-size:24px}.refresh-btn:hover{background-color:#f0f2f4}.swms-item .download-btn{padding:8px 16px;background-color:#5fa052;color:#fff;border:2px solid #556b2f;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s}.swms-item .download-btn:hover{background-color:#556b2f;color:#fff}.swms-item .completed-delete-btn{padding:8px 16px;background-color:#cb4c4e;color:#fff;border:2px solid #b45309;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s}.swms-item .edit-btn{padding:8px 16px;color:#fff;border-radius:4px;border:2px solid #10351f;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s}.swms-item .edit-btn:hover{color:#fff}.swms-item .completed-delete-btn:hover{background-color:#b45309;color:#fff}.swms-list{display:flex;flex-direction:column;gap:12px}.swms-card{padding:18px 20px;display:flex;justify-content:space-between;margin-bottom:2px}.card-content{flex:1}.card-header-section{margin-bottom:12px}.status-badge{display:inline-block;padding:3px 10px;border-radius:3px;font-size:13px;font-weight:600;margin-bottom:8px;text-transform:capitalize}.swms-title{font-size:18px;font-weight:600;color:#000;margin:4px 0 0;line-height:1.4}.swms-info{margin:8px 0;font-size:14px;line-height:1.6}.swms-info p{margin:3px 0;color:#555}.swms-info strong{color:#000;font-weight:600;margin-right:4px}.activities-section{margin-top:12px}.activities-section>p{font-weight:600;color:#000;margin-bottom:6px;font-size:14px}.activities-list{list-style:none;padding-left:0;margin:0}.activities-list li{color:#555;font-size:13px;margin:3px 0;padding-left:16px;position:relative}.activities-list li:before{content:"•";position:absolute;left:4px;color:#000;font-weight:700}.card-actions{display:flex;gap:8px;min-width:110px}.edit-btn-card,.delete-btn-card,.download-btn-card,.restore-btn-card,.permanent-delete-btn-card{padding:7px 38px;border:none;border-radius:4px;font-weight:600!important;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.edit_btn{background:#fff;color:#414651;border:1px solid rgb(213,215,218);padding:7px 38px;font-weight:500}.edit-btn-card{background:#fff;color:#414651;border:1px solid rgb(213,215,218);padding:10px 47px;font-weight:600!important}.edit-btn-card:hover{background-color:#f8f8f8;border-color:#999;color:#000}.delete-btn-card{background-color:#fff;color:#e74c3c;border:1.5px solid #e74c3c}.download-btn-card{background-color:#4caf50;color:#fff;border:1.5px solid #4CAF50}.download-btn-card:hover{background-color:#45a049}.restore-btn-card{background-color:#3498db;color:#fff;border:1.5px solid #3498db}.restore-btn-card:hover{background-color:#2980b9}.permanent-delete-btn-card{background-color:#e74c3c;color:#fff;border:1.5px solid #e74c3c}.permanent-delete-btn-card:hover{background-color:#c0392b}.deleted-card{opacity:.8;background-color:#f9f9f9}.no-data-message{text-align:center;padding:40px 20px;color:#666;font-size:16px}.list-view-container{background:#fff;border-radius:8px;border:1px solid #E5E7EB}.list-heading{font-size:24px;font-weight:700;color:#000;margin-bottom:20px;margin-top:0}.list-table{width:100%}.list-header{display:grid;grid-template-columns:1fr auto;gap:20px;padding:12px 16px;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;font-weight:600;font-size:14px;color:#333;letter-spacing:.5px}.list-header-name{text-align:left}.list-header-actions{text-align:right;padding-right:8px}.list-body{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:16px;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease;align-items:center}.list-row:hover{background-color:#f8f9fa}.list-row:last-child{border-bottom:none}.list-cell-name{font-size:14px;color:#333;font-weight:400}.list-cell-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.icon-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:transparent}.download-icon-btn{color:filteredDrafts #4CAF50}.download-icon-btn:hover{background-color:#e8f5e9;color:#2e7d32}.edit-icon-btn{color:#2196f3}.edit-icon-btn:hover{background-color:#e3f2fd;color:#1565c0}.delete-icon-btn{color:#f44336}.delete-icon-btn:hover{background-color:#ffebee;color:#c62828}.restore-icon-btn{color:#ff9800}.restore-icon-btn:hover{background-color:#fff3e0;color:#e65100}@media (max-width: 768px){.header-controls-row{flex-direction:column;align-items:stretch;gap:15px;padding-bottom:10px}.section-buttons-row{width:100%;justify-content:space-around}.section-btn{padding:10px 16px;font-size:14px}.filter-row{flex-direction:column;gap:10px;width:100%;padding-bottom:0}.search-bar,.trade-filter{width:100%;min-width:auto}.swms-card{flex-direction:column}.card-content{margin-right:0;margin-bottom:15px}.card-actions{width:100%}.list-header{font-size:12px;padding:10px 12px}.list-row{padding:12px;grid-template-columns:1fr;gap:12px}.list-cell-name{font-size:14px}.list-cell-actions{justify-content:flex-start}.list-header-actions{display:none}}.step1-page{min-height:100vh;display:flex;flex-direction:column}.set_wait{font-weight:600}.step1-logo{width:80px;height:auto;object-fit:contain;margin:0 auto 8px;display:block}.step1-heading{font-size:1.5rem;font-weight:700;color:var(--title);margin:0 0 6px}.step1-subheading{margin:0;color:var(--muted);font-size:.95rem}.responsive-heading{font-weight:600;color:#181d27;font-size:clamp(1.125rem,1.2vw,2rem);line-height:1.3}.responsive-subheading{color:#535862;font-size:clamp(.875rem,.9vw,1.5rem);font-weight:400;line-height:1.4}.step1-card{width:100%;max-width:920px;border-radius:12px;padding:22px;box-sizing:border-box}.card-inner{display:flex;flex-direction:column}.card-title{font-size:1.05rem;font-weight:600;color:var(--title);margin:0 0 14px;text-align:left}.step1-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column}.form-label{font-size:clamp(.8rem,.8vw,1.25rem);color:#414651;margin-bottom:6px;font-weight:500}.input,.textarea{font-size:clamp(.875rem,.85vw,1.25rem);padding:clamp(8px,.8vw,16px) clamp(10px,1vw,18px);border:1px solid var(--input-border);border-radius:8px;outline:none;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.input::placeholder,.textarea::placeholder{color:#717680;font-size:16px;font-weight:400!important}.textarea{min-height:110px;resize:vertical}.two-col{display:flex;gap:12px}.two-col .form-group{flex:1}.step1-card .card-title{font-size:20px;font-weight:600}.error{color:var(--error);font-size:clamp(.75rem,.7vw,1rem);margin-top:6px}.save-message{color:var(--success);font-size:clamp(.875rem,.8vw,1.125rem);margin-top:12px;text-align:center}.error-message{color:var(--error);font-size:clamp(.875rem,.8vw,1.125rem);margin-top:12px;text-align:center}@media (max-width: 576px){.step1-card{padding:12px}.two-col,.three-col{flex-direction:column;gap:8px}}@media (min-width: 577px) and (max-width: 768px){.step1-card{padding:16px}.two-col,.three-col{flex-direction:column}}@media (min-width: 769px){.two-col,.three-col{flex-direction:row}}@media (min-width: 2560px){.responsive-heading{font-size:clamp(1.75rem,1.4vw,3rem)}.responsive-subheading{font-size:clamp(1.25rem,1vw,2.25rem)}.form-label{font-size:clamp(1.125rem,.9vw,1.875rem)}.input,.textarea{font-size:clamp(1.125rem,.95vw,1.875rem);padding:clamp(14px,1vw,24px) clamp(16px,1.2vw,28px)}.error{font-size:clamp(.9rem,.8vw,1.5rem)}.save-message,.error-message{font-size:clamp(1rem,.9vw,1.75rem)}}.blue-card{border-radius:8px;padding:16px;max-width:100%}.blue-card-title{font-size:20px;font-weight:600;color:#1e4bac;margin-bottom:12px}.blue-card-t{font-size:18px;color:#1e4bac;text-align:left;margin-bottom:4px}.step1-form>p{text-align:left;margin-top:0;margin-bottom:12px;color:var(--muted)}.blue-card .two-col{display:flex;gap:12px}.blue-card .two-col .form-group{flex:1}.three-col{display:flex;gap:12px;margin-top:16px}.three-col .form-group{flex:1}@media (max-width: 768px){.three-col{flex-direction:column}}:root{--text-color: rgb(59, 75, 102);--bg: #ffffff;--card-bg: #ffffff;--input-border: #d1d5db;--focus: #2563eb;--error: #dc2626;--success: #16a34a}.step1-logo{color:inherit}.input,.textarea,select,.blue-card-title,.blue-card-t{color:var(--text-color)}.signature{font-family:Pacifico,cursive!important}.signature::placeholder{font-family:Pacifico,cursive!important}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#000!important;background-color:transparent!important}.step2-container{margin:30px auto;border-radius:12px}.step2-top img{max-width:120px;margin-bottom:10px}.step2-top h2{margin:5px 0}.step2-top p{color:#555;font-size:14px}.inner-card{background:#fafafa;border-radius:10px;padding:20px}.parrot-banner{background:#a8e6cf;padding:10px 15px;display:flex;align-items:center;border-radius:8px;margin-bottom:20px}.parrot-banner i{margin-right:10px;font-size:20px}.parrot-banner span{font-weight:500;color:#064420}.modal-content .form-group input,.modal-content .form-group textarea{font-size:15px;padding:10px}.form-group input,.form-group textarea,.form-group select{width:100%;box-sizing:border-box;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px}textarea{min-height:80px;resize:vertical}.two-column select{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;height:45px}.tasks-section{margin-top:25px;border:1px solid #D5D7DA!important;border-radius:8px!important;padding:25px!important}.tasks-header{display:flex;justify-content:space-between;align-items:center}.tasks-header-buttons button{margin-left:10px;padding:8px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:700}.regenerate-btn{background-color:#fc0!important;color:#000!important}.move-btn:hover{background-color:#cce0ff;color:#036}.edit-btn{background-color:#e6ffe6;color:#040;border:1px solid #004400;width:50%}.edit-btn:hover{background-color:#d4f0d4;color:#030}.save-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px}.save-btn:hover{background-color:#218838}.add-task-btn:hover{background-color:#1a5d52}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#d5c8c7}.finalize-btn:hover{background-color:#cce0ff}.task-card-new{background:#e6ebeb;border-radius:8px;padding:15px;margin-top:15px}.task-top-row{display:flex;align-items:center;gap:12px}.task-number-wrapper{display:flex;flex-direction:column;align-items:center}.move-btn{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;margin-right:2px;padding:0!important}.task-number{width:30px;height:30px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin:-2px 0}.task-number-wrapper>.move-btn:first-child{margin-bottom:auto}.task-number-wrapper>.task-number{margin:4px 0}.task-number-wrapper>.move-btn:last-child{margin-top:auto}.task-title-box{flex:1;border-radius:6px;padding:8px 12px;display:flex;font-size:16px;justify-content:space-between;align-items:right}.task-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.task-title{font-weight:700}.task-icons i{margin-left:8px;cursor:pointer}.edit-icon{color:#04c}.delete-icon{color:#c00}.task-description{margin-top:8px}.task-section h4{margin-top:12px;margin-bottom:6px}.hazard-list{list-style:none;padding:0}.hazard-icon{color:green;margin-right:6px}.ppe-box{background:#0003ab1a;color:#4f55b3;padding:12px 25px;border-radius:100px;margin-right:16px}.box-list{margin:1.5rem 0}.tool-box{background:#00d54e1a;color:#007b2f;padding:12px 25px;border-radius:100px;margin-right:16px}.training-box{background:#fa741a1a;color:#fb7217;padding:12px 25px;border-radius:100px;margin-right:16px}.task-risk-legislation{display:flex;gap:10px;margin-top:10px}.risk-box{background:#fff;font-weight:600;color:#2f2f2f;padding:6px 8px;border-radius:8px;max-width:40%}.score-box{padding:10px 8px}.legislation-box{background:#fff;color:#2f2f2f;padding:20px 8px;border-radius:8px;max-width:40%;font-weight:600}.add-task-row{display:flex;margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2020}.modal-overlay-floating{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2020}.modal-content-floating{background:#fff;width:100%;max-height:90vh;overflow-y:auto;border-radius:10px;padding:20px;position:relative;animation:fadeIn .2s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-actions-top button{margin-left:8px;padding:6px 12px;font-size:14px;border-radius:6px;border:none;cursor:pointer}.regenerate-btn{background-color:#ffe6e6;color:#c00;border:1px solid #cc0000}.finalize-btn{background-color:#e6f0ff;color:#04c;border:1px solid #0044cc}.risk-scores-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.risk-score-box{display:flex;flex-direction:column}.risk-input-group{display:flex;align-items:center;gap:8px}.risk-input-group input[type=number]{width:80px;padding:5px;font-size:14px}.risk-level-tag{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.risk-level-tag.low{background:#ff0;color:#333}.risk-level-tag.medium{background:#28a745;color:#fff}.risk-level-tag.high{background:red;color:#fff}.add-task-input{flex:1;padding:8px;border-radius:6px 0 0 6px;border:1px solid #ccc;font-size:18px}.task-header{background:#fff;border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;box-shadow:0 1px 2px #00000014}.task-title{font-weight:500;color:#333;flex:1}.task-actions .edit-btn{background-color:#fff;color:#000;border:1px solid gray;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.task-actions .edit-btn:hover{background-color:#f5f5f5;border-color:#666}.task-actions .delete-btn{background-color:#ff383c;color:#fff;border:none;padding:6px 12px;border-radius:4px;margin-left:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.task-actions .delete-btn:hover{background-color:#e62f33}.add-task-btn{background:green;color:#fff;border:none;border-radius:0 6px 6px 0;padding:0 14px;font-size:30px;cursor:pointer}.form-section{margin-bottom:20px}.form-section h3{margin-bottom:8px}.separator{border-top:1px solid #ddd;margin:20px 0}.hrcw-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hrcw-card{background:#f0f9ff;padding:8px 10px;border-radius:6px;display:flex;align-items:center}.hrcw-card label{display:flex;align-items:center;gap:8px;font-size:14px}.generate-btn-container{text-align:right;margin-top:15px}.generate-btn{background-color:#276b37;color:#fff;padding:10px 18px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.generate-btn:hover:not(:disabled){background-color:#194823}.generate-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.modal-content-floating input,.modal-content-floating textarea,.modal-content-floating select{background:#f0f2f4;border:1px solid #ccc;border-radius:6px;font-size:15px;font-family:Inter,sans-serif;padding:10px;min-height:40px;color:#333;box-sizing:border-box}.modal-content-floating input::placeholder,.modal-content-floating textarea::placeholder,.modal-content-floating select::placeholder{color:#717680;font-size:16px;font-weight:400!important}.form-group textarea[name=hazards],.form-group textarea[name=controls],.form-group textarea[name=toolsEquipment],.form-group textarea[name=ppe],.form-group input[name=training]{background:#f0f2f4;padding:12px;border-radius:8px;min-height:auto;font-size:14px}.form-group textarea[name=hazards],.form-group textarea[name=controls],.form-group textarea[name=toolsEquipment],.form-group textarea[name=ppe]{white-space:pre-line;line-height:1.6}.form-group textarea[name=hazards]::placeholder,.form-group textarea[name=controls]::placeholder,.form-group textarea[name=toolsEquipment]::placeholder,.form-group textarea[name=ppe]::placeholder{color:#717680;font-size:16px;font-weight:400!important}.form-group label{font-weight:500;margin-bottom:6px;color:#414651;display:block}.pill-delete{background:none;border:none;color:red;font-size:14px;cursor:pointer;margin-right:6px}.risk-input-group input[type=number]{background:#f0f2f4;border-radius:6px;padding:8px;font-size:14px}.modal-list-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f0f0f0;border-radius:8px;margin-bottom:6px}.modal-list-item button{background:none;border:none;color:red;cursor:pointer}.modal-add-row{display:flex;gap:8px;margin-top:10px}.modal-add-row input,.modal-add-row select{flex:1;padding:6px;border-radius:4px}@media (max-width: 600px){.modal-content-floating{width:95%;max-width:95%;padding:15px}.hrcw-cards{grid-template-columns:1fr}}@media (min-width: 601px) and (max-width: 900px){.hrcw-cards{grid-template-columns:repeat(2,1fr)}}.loading-bar-container{text-align:center;margin-left:auto;margin-right:auto;padding:20px}.loading-bar-wrapper{position:relative;margin-bottom:30px;padding-top:5px}.progress-label{position:absolute;top:-35px;transform:translate(-50%);transition:left .5s ease;white-space:nowrap;z-index:10}.progress-label h4{font-size:16px;font-weight:600;color:#0e3f39;margin:0}.loading-bar{width:100%;height:10px;background:#e6ebeb;border-radius:20px;overflow:hidden;position:relative}.loading-progress{height:100%;background:#0e3f39;transition:width .5s ease;border-radius:20px}.progress-info p{margin:5px 0;color:#64676e;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2020}.modal-content-floating{background:#fff;border-radius:12px;padding:20px;width:80%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px #0003}.modal-content-floating{width:95%;max-width:1600px}.modal-content-floating{background:#fff;border-radius:12px;padding:20px;width:95%;max-width:1600px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px #0003;animation:fadeIn .2s ease-in-out}.modal-content-floating{background:#fff;border-radius:12px;padding:20px;width:100%;max-height:90vh;overflow-y:auto}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal .modal-content{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0003;position:relative}.modal h3{margin-top:0;margin-bottom:20px;color:#333}.modal .modal-buttons{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.modal .generate-btn{background-color:#0e3f39;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease;margin:0!important}.modal .generate-btn:hover{background-color:#157347}.modal .cancel-btn{background:none!important;border:2px #ccc solid;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.modal .cancel-btn:hover{background-color:#5c636a}.modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal .close-btn:hover{color:#000}.modal .add-task-input{width:100%;padding:12px;border:2px solid #ccc;border-radius:6px;font-size:16px;resize:vertical;box-sizing:border-box}.d-flex h6{cursor:pointer;transition:all .3s ease}.d-flex h6:hover{background-color:#e6f2ff;border-color:#06c!important;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.modal-content-floating{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px #0003;animation:fadeIn .2s ease-in-out}.modal-overlay.edit-mode .modal-content-floating{margin-top:90px;width:95%;max-width:800px;height:80vh}.modal-actions button,.save-btn,.save-btn-top{background-color:#14532d;color:#fff;border:none;padding:8px 16px;margin:4px;border-radius:6px;cursor:pointer;font-weight:600}.modal-actions button:hover,.save-btn:hover,.save-btn-top:hover{background-color:#166534}.cancel-btn,.cancel-btn-top{background-color:#e5e7eb;color:#111}.cancel-btn:hover,.cancel-btn-top:hover{background-color:#d1d5db}.form-group{margin-bottom:16px}.form-group label{font-weight:600;display:block;color:#414651;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}.modal-content-floating input,.modal-content-floating textarea,.modal-content-floating select{width:50%;padding:8px 12px;margin-top:4px;margin-bottom:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.modal-content-floating textarea{resize:vertical;min-height:60px}.modal-content-floating .btn{padding:6px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600;margin-left:6px;transition:all .2s}.modal-content-floating .btn.add{background-color:#2563eb;color:#fff}.modal-content-floating .btn.add:hover{background-color:#1e40af}.modal-content-floating .btn.save{background-color:#14532d;color:#fff}.modal-content-floating .btn.save:hover{background-color:#166534}.modal-content-floating .btn.cancel{background-color:#e5e7eb;color:#111827}.modal-content-floating .btn.cancel:hover{background-color:#d1d5db}.modal-content-floating .btn.remove{background-color:#f87171;color:#fff;padding:4px 8px}.modal-content-floating .btn.remove:hover{background-color:#dc2626}.modal-list-item,.modal-list-item-pair,.modal-add-row,.modal-add-row-pair{display:flex;gap:10px;margin-bottom:10px;align-items:center}.modal-content-floating{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 24px #00000026;width:600px;max-height:80vh;overflow-y:auto}.modal-content-floating button{background-color:transparent;color:#999;border:none;border-radius:6px;padding:6px 14px;font-weight:600;cursor:pointer;transition:.2s}.modal-content-floating button:hover{background-color:#dddddf}.modal-content-floating{position:relative;z-index:2020}.hrcw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hrcw-card{border:1px solid #D5D7DA;border-radius:8px;padding:12px 14px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:.95rem;-webkit-user-select:none;user-select:none}.hrcw-card input{display:none}.hrcw-card.selected{background-color:#fee2e2;border-color:#b91c1c}.hrcw-icon{filter:none;transition:filter .3s ease}.hrcw-card.selected .hrcw-icon{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(146deg) brightness(94%) contrast(97%)}.hrcw-card h6{color:#000;transition:color .3s ease}.hrcw-card.selected h6{color:#198754}.hrcw-card-title{font-weight:600;margin-bottom:4px;color:#3b4b66}.hrcw-card-desc{font-size:.85rem;color:#6b7280}.hrcw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}.hrcw-card{background:#fff;border:1px solid #D5D7DA!important;border-radius:8px;padding:24px 16px;cursor:pointer;min-height:100px;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.hrcw-card:hover{border-color:#999}.hrcw-card.selected{background:#0e3f391a!important;border:2px solid #198754!important}.hrcw-card-title{font-weight:600;font-size:1rem;margin-bottom:4px;color:#3b4b66;text-align:left}.hrcw-card-number{font-weight:700;margin-right:8px}.hrcw-card-desc{font-size:.875rem;color:#3b4b66;line-height:1.2rem;text-align:left}.hrcw-card input[type=checkbox]{display:none}.hrcw-card{background:#fff;border:1px solid #D5D7DA;border-radius:8px;padding:14px 16px;cursor:pointer;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:all .2s ease}.hrcw-card-title{font-weight:600;font-size:1.1rem;margin-bottom:4px;color:#3b4b66;text-align:left}.hrcw-card-desc{font-size:.9rem;color:#3b4b66;line-height:1.2rem;text-align:left}.hrcw-card.selected{background:#ffe5e5;border:2px solid #b30000}.tasks-footer{display:flex;justify-content:flex-end;align-items:center}.tasks-footer-button button{padding:8px 39px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:700;margin:0!important;color:#1e1e1e!important}.modal-buttons{display:flex;justify-content:flex-end}.hazards-controls-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.hazards-column,.controls-column{display:flex;flex-direction:column}.hazards-column label,.controls-column label,.task-name-label,.hazards-label,.controls-label,.task-description-label{font-weight:600!important;font-size:16px!important;color:#181d27!important;margin-bottom:10px!important;display:block!important}.items-list{display:flex;flex-direction:column;gap:8px}.list-item-with-remove{display:flex;align-items:center;gap:8px;position:relative}.list-item-with-remove input{flex:1;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#404040}.list-item-with-remove .remove-item-btn{position:absolute;right:-16px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0;min-width:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s;bottom:43px}.list-item-with-remove .remove-item-btn:hover{color:#f44;background:none}.hazards-column textarea,.controls-column textarea{padding:10px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#404040;resize:vertical;font-family:inherit}.hazards-column textarea::placeholder,.controls-column textarea::placeholder{color:#999}.add-button-container{display:flex;justify-content:flex-end;margin-top:10px}.add-button-container button{background-color:#0e3f39!important;color:#fff!important;border:none;padding:10px 30px;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}.add-button-container button:hover{background-color:#0a2f2b!important}@media (max-width: 768px){.hazards-controls-container{grid-template-columns:1fr;gap:15px}}.tools-checkbox{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0!important;cursor:pointer;accent-color:#0E3F39;flex:none!important;flex-shrink:0!important;vertical-align:middle!important;align-self:center!important}.ppe-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;margin-bottom:15px}.ppe-grid-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f0f0f0;border-radius:5px;border:1px solid #ddd;font-size:13px;color:#404040}.ppe-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.ppe-remove-btn{background:none;border:none!important;color:#999;cursor:pointer;font-size:14px;padding:0!important;min-width:20px!important;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s;flex-shrink:0}.ppe-remove-btn:hover{color:#f44}@media (max-width: 768px){.ppe-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ppe-grid-container{grid-template-columns:1fr}}.modal-headerq{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}.modal-close-btn{background:none!important;border:none!important;font-size:24px;color:#999;cursor:pointer;padding:0!important;min-width:30px!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.modal-close-btn:hover{color:#f44;background:#f5f5f5!important}.set_modal_list{border:1px #D5D7DA solid;background:#f8f8f8;padding:15px!important}.feedback-btn{background-color:#e6ffe6;color:#040;border:1px solid #004400;width:120%;background-color:#fff;color:#000;border:1px solid gray}.feedback-btn:hover{color:#030;background-color:#f5f5f5;border-color:#666}.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.no-copy input,.no-copy textarea,.no-copy [contenteditable=true],.no-copy .editable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}.no-copy,.no-copy *:not(input):not(textarea):not([contenteditable=true]):not(.editable){cursor:default}.step3-container{width:max-content;margin:30px auto;padding:20px;border-radius:16px;font-family:Segoe UI,sans-serif}.section-heading{display:flex;align-items:center;font-size:1.3rem;font-weight:700;margin-bottom:15px}.section-heading .icon{font-size:1.5rem;margin-right:8px}.ppe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ppe-card{background:#fafafa;border-radius:12px;padding:12px 15px;display:flex;align-items:center;transition:background .2s ease;border:1px solid #eee}.ppe-card label{display:flex;align-items:center;color:#414651;gap:10px;width:100%}.ppe-card input[type=checkbox]{display:none!important}.ppe-card.selected{background:#e7eceb!important;border:2px solid #0E3F39!important;box-shadow:0 2px 8px #19875433}.ppe-card.selected .ppe-text{color:#198754;font-weight:600}.ppe-card{cursor:pointer;transition:all .3s ease}.ppe-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ppe-icon{transition:filter .3s ease}.page-title{font-size:1.8rem;font-weight:700;text-align:left}.ppe-text{font-size:1rem;color:#333}.custom-ppe-inline{display:flex;gap:10px;max-width:400px}.custom-ppe-inline input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #ccc}.custom-ppe-inline button{background:#ffc107;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700}.custom-ppe-inline button:hover{background:#e0a800}.standard-ppe-checkbox{width:20px;height:20px;accent-color:#ffc107;cursor:pointer}.standard-ppe-checkbox:checked{accent-color:#28a745}.standard-ppe-checkbox{accent-color:#ffc107!important}.standard-ppe-checkbox:checked{accent-color:#28a745!important}.ppe-card{background:#fafafa;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:10px!important;transition:background .2s ease;border:1px solid #eee}.ppe-card:hover{background:#fff7e6}.ppe-card:has(input.standard-ppe-checkbox:checked){background:#e6f7e6;border-color:#28a745}.ppe-card:has(input:not(.standard-ppe-checkbox):checked){background:#fff7e6;border-color:#ffc107}.top-image-container{margin-bottom:20px}.top-image-container img{max-width:120px;height:auto;object-fit:contain;margin:0 auto;display:block}.main-heading{font-size:2.2rem;font-weight:700;color:#222;margin-bottom:10px}.subheading{font-size:1.1rem;font-weight:400;color:#666;margin-bottom:30px}.ppe-card img{width:50px;height:50px;margin-bottom:8px;object-fit:contain}.outer-card{width:95%;max-width:1400px;margin:20px auto;padding:30px;border-radius:16px;transition:width .3s ease,max-width .3s ease}.step3-container{width:100%;margin:0;padding:0!important;box-sizing:border-box}:root{--bg: #ffffff;--card-bg: #ffffff;--muted: #6b7280;--title: #111827;--input-border: #d1d5db;--focus: #2563eb;--error: #dc2626;--success: #16a34a}.step4-container{display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.outer-card{overflow-x:auto;width:100%;max-width:100%}.form-group label{display:block;margin-bottom:5px;color:#414651}.equipment-table{width:100%;margin-top:20px;border-collapse:collapse;table-layout:auto}.equipment-table th,.equipment-table td{padding:12px 15px;text-align:left;vertical-align:middle;line-height:1.4;border-bottom:1px solid #D5D7DA}.equipment-table th{background-color:#f5f5f5;font-weight:700;border-bottom:2px solid #D5D7DA}.equipment-table tbody tr:hover{background-color:#f9f9f9}.equipment-table tbody tr:last-child td{border-bottom:1px solid #D5D7DA}.row.mt-3{width:100%;margin-left:0;margin-right:0}.row.mt-3 .col-12{padding-left:0;padding-right:0;width:100%;max-width:100%}@media (max-width: 768px){.equipment-table{font-size:14px}.equipment-table th,.equipment-table td{padding:8px 10px}}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #D5D7DA;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 16px;border-radius:4px}.action-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-right:8px;transition:color .2s ease}.action-btn:hover{color:#dddedf;background-color:#ddd}.add-equipment-btn{background-color:#264e29;color:#fff}.add-equipment-btn:hover{background-color:#4e634f;color:#fff}.action-btn.edit{color:#0a4d2f}.action-btn.edit:hover{color:#06381f}.table-header .add-equipment-btn{justify-content:end}.action-btn.delete{color:#f44336}.action-btn.delete:hover{color:#a32a1e}.modal-form{display:flex;flex-direction:column;gap:15px}.full-width{width:100%}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}textarea{width:100%;min-height:60px;resize:vertical;padding:8px;border:1px solid #D5D7DA;border-radius:4px}.modal-actions-right{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-btn-dark{background-color:#0a4d2f;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-weight:700;cursor:pointer}.save-btn-dark:hover{background-color:#06381f}.summaryy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));text-align:center;justify-items:center;align-items:center;box-shadow:0 2px 8px #00000014;width:98%;margin-bottom:5px;padding-bottom:10px}.summary-card.total{background-color:#d0e7ff;color:#036;width:98%;padding:0 30px}.summary-card.high-risk{background-color:#ffd6d6;color:#a30000;width:98%;padding:0 30px}.summary-card.inspections-due{background-color:#fff4cc;color:#ff8000;width:98%;padding:0 30px}.summary-card.certification-required{background-color:#d4f4d4;color:#0a4d2f;width:98%;padding:0 30px}.cert-badge{display:inline-block;padding:4px 8px;border-radius:50px;font-size:.8rem;font-weight:700;text-align:center;min-width:70px}.cert-badge.required{background-color:#d4f4d4;color:#0a4d2f}.cert-badge.not-required{background-color:#f0f0f0;color:#6b7280}.summary-card .icon{font-size:1.2rem;margin-bottom:0%;margin-top:-10px}.summary-card .summary-count{font-size:1rem;margin-bottom:10px;margin-top:-10px}.summary-card .summary-label{font-size:12px;margin-bottom:2px;margin-top:-10px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.add-equipment-btn{background-color:#195f1d;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease-in-out}.add-equipment-btn:hover{background-color:#d1dbce}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content-floating{background:#fff;border-radius:12px;padding:20px;width:90%;max-width:600px;box-shadow:0 8px 20px #00000040;animation:fadeInUp .3s ease}.modal-content-floating{width:80%;max-width:500px}.risk-badge{display:inline-block;padding:5px 15px;border-radius:50px;font-size:14px;font-weight:500;color:#ff383c}.risk-low{background-color:#ecfdf3;color:#027a48}.risk-medium{background-color:#ff8e291a;color:#ff8d28}.risk-high{background-color:#ff383c24}.risk-severe{background-color:#c00}.step5-container{margin:30px auto;padding:25px 30px;border-radius:16px;font-family:Segoe UI,sans-serif}.step5-container h2{font-size:1.8rem;font-weight:700;margin-bottom:12px;border-bottom:2px solid #ffc107;padding-bottom:6px;text-align:left}.info-box{background-color:#fff7e6;border:1px solid #ffc107;color:#650;padding:10px 15px;border-radius:8px;margin-bottom:25px;font-size:1rem;display:flex;align-items:center;gap:8px;font-weight:600}.info-box .icon{font-size:1.4rem}.emergency-contacts{margin-bottom:25px}.emergency-contacts h3{font-size:1.25rem;margin-bottom:14px;text-align:left}.contact-row{display:flex;gap:15px;align-items:flex-end;margin-bottom:15px}.form-group{flex:1}.form-group input,.form-group textarea{width:100%;padding:9px 12px;font-size:1rem;border:1px solid #D5D7DA;border-radius:8px;transition:border-color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:none!important;outline:none!important}.form-group textarea{min-height:170px;resize:vertical}.error{color:#d93025;font-size:13px;margin-top:6px;display:block;font-weight:600}button{color:#333;padding:10px 18px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;margin-right:12px;min-width:100px}button:hover{background-color:#2a5729;color:#222}.save-message{color:#28a745;margin-top:15px;font-weight:600;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:9px 12px;font-size:1rem;border:1px solid #D5D7DA;border-radius:8px;transition:border-color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button.add-contact-btn{margin-bottom:10px;margin-right:0;padding:12px 50px;font-size:1rem;border-radius:8px;background:none!important;border:2px rgb(209,213,219) solid}button.emergency-button{background-color:#dc3545;color:#fff;font-weight:700;border-radius:8px;padding:12px;margin-top:15px;width:100%;font-size:1rem;transition:background-color .3s ease}button.emergency-button:hover{background-color:#c82333}.add-contact-btn{background-color:#f0f2f4}.add-contact-btn:hover{background-color:#e0e6e0}.contact-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:4px}.contact-row button.remove-contact-btn{background-color:#2e5036;color:#fff;padding:8px 12px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;align-self:center;transition:background-color .3s ease;height:42px}.contact-row button.remove-contact-btn:hover{background-color:#164220}.contact-form-actions{display:flex;gap:10px;margin-top:15px}.cancel-edit-btn:hover{background-color:#5a6268!important}.contact-list-container{margin-top:25px}.contact-table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;border:2px red solid!important}.contact-table thead{background-color:#f5f5f5}.contact-table thead th{padding:15px;text-align:left;font-weight:600;font-size:1rem}.contact-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.contact-table tbody tr:hover{background-color:#f8f9fa}.contact-table tbody tr.editing-row{background-color:#dcfccf}.contact-table tbody td{padding:15px;font-size:.95rem;color:#333}.contact-table .edit-btn,.contact-table .remove-btn{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:5px 10px;border-radius:5px;transition:all .2s ease;min-width:auto;margin:0}.contact-table .edit-btn:hover{background-color:#e7f3ff;transform:scale(1.1)}.contact-table .remove-btn:hover{background-color:#abcfb3;transform:scale(1.1)}@media (max-width: 768px){.contact-table{font-size:.85rem}.contact-table thead th,.contact-table tbody td{padding:10px}.contact-form-actions{flex-direction:column}.add-contact-btn,.cancel-edit-btn{width:100%;padding:12px 20px!important}}.add-documents-modal{background:#fff;border-radius:8px;max-width:682px!important;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.add-documents-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.add-documents-modal .modal-title{font-size:20px;font-weight:600;color:#181d27;margin:0}.add-documents-modal .modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.add-documents-modal .modal-close:hover{color:#374151}.add-documents-modal .modal-body{padding:0 24px;flex:1;overflow:hidden;display:flex;flex-direction:column}.document-tabs{display:flex;gap:0;align-items:flex-end;border-bottom:2px solid #d0d0d0;margin-bottom:16px;width:64%!important}.tab-button{background-color:transparent;color:#767676;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:16px!important;transition:all .3s ease;position:relative;white-space:nowrap;margin-bottom:-2px;background:none!important;border-radius:0!important;text-align:center;min-width:18%!important;padding:0}.tab-button:hover{color:#000;background:none!important}.tab-button.active{color:#0e3f39;border-bottom:2px solid #0E3F39;background-color:transparent;font-weight:400;font-size:16px;background:none!important}.search-section{margin-bottom:16px}.document-search-input{width:100%;padding:12px 16px;border:1px solid #D5D7DA;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.document-search-input::placeholder{color:#9ca3af}.document-list-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.document-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.document-list::-webkit-scrollbar{width:6px}.document-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.document-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.document-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.document-item{display:flex;align-items:center;padding:12px 16px;border:1px solid #0E3F39;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:60px}.document-item:hover{background:#f8fafc;box-shadow:0 2px 4px #0e3f391a}.document-item.selected{background:#0e3f391a}.document-info{flex:1}.document-name{font-size:16px;font-weight:600;color:#181d27;margin-bottom:4px}.document-details{font-size:14px;color:#6b7280;font-weight:400}.add-documents-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.cancel-button{background:#fff;color:#414651;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;font-size:16px;font-weight:600!important;cursor:pointer;transition:all .2s ease;min-width:0px!important}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.add-button{background:#0e3f39;color:#fff;border:none;border-radius:6px;padding:10px 15px!important;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:0px!important}.add-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.loading-row,.empty-row{text-align:center;padding:40px 20px;color:#6b7280;font-size:14px}@media (max-width: 768px){.add-documents-modal{width:95%;max-height:90vh}.add-documents-modal .modal-header,.add-documents-modal .modal-body,.add-documents-modal .modal-footer{padding-left:16px;padding-right:16px}.document-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;flex-shrink:0}.add-documents-modal .modal-footer{flex-direction:column}.cancel-button,.add-button{width:100%}}.modal-overlay{position:fixed;inset:0;background:rgba(82,82,82,);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:720px;box-shadow:0 20px 60px #00000040;overflow:hidden}.modal-card.wide{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-title{margin:0;font-size:18px;font-weight:600;color:#181d27}.modal-close{background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;color:#64748b}.modal-body{padding:16px 20px}.member-pill{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #D5D7DA;border-radius:10px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.member-pill input{display:none}.member-pill.selected{background:#0e3f391a!important;border-color:#0e3f39}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 20px 20px;border-top:1px solid #e5e7eb}.cancel-button{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;min-width:0}.add-button{background:#0e3f39;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;min-width:0}.step6-container{max-width:900px;margin:30px auto;padding:25px 30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.step6-container h2{font-size:1.8rem;font-weight:700;margin-bottom:20px;border-bottom:3px solid #81a882;padding-bottom:8px;color:#333;text-align:left}.signon-table{margin-bottom:20px;overflow-x:auto}.signon-table h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#444;text-align:left}.signon-table table{width:100%;border-collapse:separate;border-spacing:0 10px;font-size:1rem;min-width:600px}.signon-table th,.signon-table td{padding:12px 15px;text-align:left;vertical-align:middle}.signon-table thead th{background-color:#2f4731;color:#fff;font-weight:700;border-bottom:2px solid #97b9a2}.signon-table tbody tr{background:#fafafa;border-radius:12px;box-shadow:0 1px 4px #0000000d;transition:background-color .3s ease}.signon-table tbody tr:hover{background:#dee1de}.signon-table tbody td{border-bottom:none;border-radius:12px;position:relative}.signon-table input[type=text],.signon-table input[type=tel],.signon-table input[type=file]{width:100%;padding:8px 10px;font-size:1rem;border:1px solid #D5D7DA;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:border-color .3s ease;box-sizing:border-box}.signature-preview{max-width:120px;max-height:60px;object-fit:contain;border:1px solid #ccc;border-radius:8px;margin-bottom:8px}.signon-table button{background-color:#264e29;color:#fff;font-weight:700;border:none;padding:8px 18px;border-radius:10px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;margin-right:10px;font-size:.95rem}.signon-table button:hover{background-color:#4e634f;color:#fff}.error{color:#d93025;font-size:13px;margin-top:6px;font-weight:600;display:block}@media print{.signon-table button,.signon-table input[type=file]{display:none}.signon-table input{border:none;background:transparent}.signature-preview{max-height:30px}}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal-card{width:min(860px,96vw);max-height:78vh;background:#fff;border-radius:12px;box-shadow:0 15px 40px #02061740;display:flex;flex-direction:column;overflow:hidden;margin-top:5%}.modal-card.wide{width:min(760px,96vw)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef2f7}.modal-header.border-0{border-bottom:0}.modal-body{padding:12px 16px 0;display:flex;flex-direction:column;gap:12px;max-height:50vh}.modal-footer{margin-bottom:20px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}.member-pill{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #D5D7DA;border-radius:10px;background:#f8fafc;cursor:pointer;transition:border-color .2s ease,background .2s ease}.member-pill input{width:16px;height:16px;accent-color:#0E3F39}.member-pill .pill-name{color:#414651;font-weight:500}.member-pill .pill-mobile{color:#414651}.member-pill .pill-sep{flex:1}.member-pill.selected{background:#ecfdf5;border-color:#0e3f39}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 16px;border-top:1px solid #eef2f7;background:#fafafa}.cancel-button{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px}.add-button{background:#0e3f39;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px}.add-button:disabled{background:#9ca3af}.search-input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.library-row{display:grid;grid-template-columns:24px 1fr 56px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer}.library-row:hover{border-color:#cbd5e1;background:#f8fafc}.library-sig-thumb{width:52px;height:32px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.library-sig-thumb.placeholder{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;font-size:16px;border:1px dashed #e5e7eb}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eef2f7;background:#fafafa}.signature-preview{max-height:46px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.signature-cell{display:flex;align-items:center;gap:4px}.btn{appearance:none;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}.btn-primary{background:#225214;border-color:#225214;color:#fff}.btn-primary:hover{background:#1a4110;border-color:#1a4110;transform:translateY(-1px);color:#fff}.btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#e2e8f0}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;color:#414651;margin-bottom:6px;font-size:.95rem}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=file]{width:100%;padding:9px 12px;font-size:1rem;border:1px solid #D5D7DA;border-radius:8px;transition:border-color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signature-preview-container{display:flex;align-items:center;gap:15px;margin-top:10px}.remove-signature-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.remove-signature-btn:hover{background-color:#c82333}.member-form-actions{display:flex;gap:10px;margin-top:15px}.add-member-btn{background-color:#f0f2f4;color:#414651!important;padding:12px 30px;font-size:1rem;font-weight:600;border:2px rgb(209,213,219) solid;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px;margin-right:0}.add-member-btn:hover{background-color:#e0e6e0}.add-member-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-edit-btn{margin-bottom:10px;margin-right:0;padding:12px 50px;font-size:1rem;border-radius:8px;background:none!important;border:2px rgb(209,213,219) solid}.members-list-container{margin-top:25px}.members-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;overflow:hidden}.members-table thead{background-color:#f5f5f5}.members-table thead th{padding:15px;text-align:left;font-weight:600}.members-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.members-table tbody tr:hover{background-color:#f8f9fa}.members-table tbody tr.editing-row{background-color:#dcfccf}.members-table tbody td{padding:15px;font-size:.95rem;color:#333}.members-table .action-buttons{display:flex;gap:10px;align-items:center}.members-table .edit-btn:hover{background-color:#e7f3ff!important;color:#06c;transform:scale(1.1);border-radius:5px}.members-table .remove-btn:hover{background-color:#abcfb3!important;transform:scale(1.1);border-radius:5px}.signature-cell{display:flex;align-items:center;gap:8px}.remove-sig-btn{background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.remove-sig-btn:hover{background-color:#5a6268}@media (max-width: 768px){.form-row,.member-form-actions{flex-direction:column}.add-member-btn,.cancel-edit-btn{width:100%;padding:12px 20px!important}.members-table{font-size:.85rem}.members-table thead th,.members-table tbody td{padding:10px}}.signature-upload-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.signature-upload-box .upload-text{font-size:.95rem;color:#6b7280;padding-left:10px!important;flex:1}.signature-upload-box .upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#2e5036;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:0!important}.signature-upload-box .upload-button:hover{background-color:#1f3624;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.signature-upload-box label.upload-button{color:#fff!important}.step7-container{max-width:900px;margin:30px auto;padding:25px 30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.step7-container h2{font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:8px;color:#333}.msds-upload h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#444}.msds-upload input[type=file]{display:block;margin-bottom:20px;padding:10px 12px;border-radius:8px;border:1px solid #D5D7DA;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;cursor:pointer;transition:border-color .3s ease;width:100%;box-sizing:border-box}.save-message{color:#28a745;font-weight:700;font-size:1rem;margin-top:15px;text-align:center}@media print{.msds-upload input,.msds-upload button,.file-list button{display:none}.file-list{page-break-before:always}.file-list ul{list-style-type:decimal;padding-left:20px}}.image-icon{height:100px}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal-card-view{width:min(720px,70vw);max-height:88vh;background:#fff;border-radius:12px;box-shadow:0 15px 40px #02061740;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #D5D7DA}.modal-title{margin:0;font-size:16px;font-weight:600;color:#0f172a}.modal-close{appearance:none;border:none;background:transparent;font-size:22px;line-height:1;padding:6px 8px;cursor:pointer;color:#64748b;border-radius:6px}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:12px 16px 0;display:flex;flex-direction:column;gap:12px}.search-input{width:100%;border:1px solid #D5D7DA;border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.scrollable{overflow:auto;max-height:60vh;padding-right:4px}.scrollable::-webkit-scrollbar{width:10px}.scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.scrollable::-webkit-scrollbar-thumb{background:#d5d7da;border-radius:8px}.scrollable::-webkit-scrollbar-thumb:hover{background:#d5d7da}.library-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.library-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #D5D7DA;border-radius:10px;background:#fff;cursor:pointer}.library-row:hover{border-color:#d5d7da;background:#f8fafc}.library-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.library-row-main{min-width:0}.lib-name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-sub{color:#64748b;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-size:11px;border-radius:999px;background:#eef2ff;color:#3730a3;border:1px solid #D5D7DA}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border:none!important;background:none!important}.uploading-note{color:#64748b;font-size:12px}.msds-link{text-decoration:none;border:1px solid #D5D7DA;background:#9dffba;color:#166534;padding:4px 17px;text-align:center;font-size:1.1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;margin-right:5px;min-width:60px}.msds-link:hover{background-color:#9ae2b3}.upgrade-card{margin-top:16px;padding:12px;border:1px solid #D5D7DA;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}.upgrade-text p{margin:6px 0 0;color:#475569}.limit-note{color:#64748b;font-size:12px;margin-top:6px}.loading-row,.empty-row{padding:8px 2px 12px;color:#64748b}.msds-table{width:100%;border-collapse:collapse;table-layout:fixed}.msds-table th,.msds-table td{padding:8px 12px;border-bottom:1px solid #D5D7DA;text-align:left;vertical-align:middle}.msds-table thead th{font-weight:600;color:#374151;background:#f9fafb}.cell-name{max-width:0}.truncate{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-tabs{display:flex;border-bottom:2px solid #D5D7DA;gap:8px;padding-bottom:4px;flex-direction:row;justify-content:space-between}.tab{padding:8px 16px;font-weight:500;font-size:.75rem;color:#4b5563;border:none;background:none;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s ease;position:relative}.tab:hover{color:#111827;background:#f3f4f6}.tab.active{color:#2563eb;background:#f9fafb;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#2563eb;border-radius:3px 3px 0 0}.btn-remove{background:red;color:#fff}.btn-remove:hover{background:#d20e0e;color:#fff}.action-buttons{display:flex}.view-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;padding:6px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px;transition:background .15s,transform .1s}.view-button:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.upload-box-msds{display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:8px;transition:all .3s ease;margin-bottom:20px}.upload-box-msds .upload-text-msds{font-size:.95rem;color:#6b7280;padding-left:10px!important;flex:1}.upload-box-msds .upload-button-msds{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#2e5036;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:0!important}.upload-box-msds .upload-button-msds:hover{background-color:#1f3624;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.file-list-container{margin-top:25px}.msds-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;overflow:hidden}.msds-table thead{background-color:#f5f5f5}.msds-table thead th{padding:15px;text-align:left;font-weight:600;font-size:1rem;color:#2e5036}.msds-table tbody tr{border-bottom:1px solid #D5D7DA;transition:background-color .2s ease}.msds-table tbody tr:hover{background-color:#f8f9fa}.msds-table tbody td{padding:15px;font-size:.95rem;color:#333}.msds-table .cell-name{max-width:300px}.msds-table .cell-name .truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons-msds{display:flex;gap:10px;align-items:center}.view-btn-icon,.remove-btn-icon{font-size:1.2rem;transition:all .2s ease}.view-btn-icon:hover{background-color:#e7f3ff!important;color:#06c;transform:scale(1.1);border-radius:5px;padding:5px!important}.remove-btn-icon:hover{background-color:#abcfb3!important;transform:scale(1.1);border-radius:5px;padding:5px!important}@media (max-width: 768px){.msds-table{font-size:.85rem}.msds-table thead th,.msds-table tbody td{padding:10px}}.step8-container{padding:20px;max-width:800px;margin:0 auto}.step8-container h2{font-size:24px;margin-bottom:20px}.terms-content h3{font-size:18px;margin-bottom:10px}.terms-content p{margin-bottom:15px}.disclaimer{font-style:italic;color:#555}.terms-content label{display:block;margin-top:10px;color:#414651}.error{color:red;font-size:12px;margin-top:5px;display:block}.save-message{color:green;margin-top:10px}.disclaimer-card{background-color:#fff5f5;border:1px solid #e53e3e;border-radius:8px;padding:20px;color:#c53030;margin-top:30px}.disclaimer-title{font-size:18px;font-weight:700;margin-bottom:10px}.disclaimer-list{list-style-type:disc;padding-left:20px;margin-bottom:20px}.acknowledgement-label{display:flex;align-items:flex-start;font-size:18px;color:#000}.acknowledgement-label input{margin-top:4px}.acknowledgement-label{display:flex;margin-top:20px;font-size:1rem;font-weight:500}.acknowledgement-label input[type=checkbox]{margin-right:10px}.payment-content{text-align:center;margin:20px 0}.message{color:#06dc06;font-size:16px;font-weight:700}.payment-options{display:flex;justify-content:end;gap:20px;margin-top:20px;flex-wrap:wrap}.payment-card{flex:1;max-width:350px;min-width:300px;background:#f5f5f5;border-radius:12px;padding:0;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column}.payment-card h3{font-size:20px;font-weight:600;padding:24px 20px;margin:0;color:#0e3f39;text-align:center;background:#f5f5f5}.payment-card .one-time-features,.payment-card .subscription-features{list-style:none;padding:0;margin:0;background:#f5f5f5;flex-grow:1}.payment-card .one-time-features li,.payment-card .subscription-features li{margin:0;padding:16px 20px;font-size:15px;color:#1a1a1a;line-height:1.5;border-bottom:1px solid #D1D1D1;display:flex;gap:10px}.payment-card .one-time-features li svg,.payment-card .subscription-features li svg{color:#0e3f39;flex-shrink:0}.payment-card .one-time-features li:last-child,.payment-card .subscription-features li:last-child{border-bottom:none}.payment-card .custom-btn{background-color:#0e3f39;color:#fff;padding:16px 24px;border:none;border-radius:0 0 12px 12px;cursor:pointer;font-weight:600;font-size:16px;width:100%;margin:0;transition:background-color .3s ease;border-top:none}.payment-card .custom-btn:hover{background-color:#0a2e29}.payment-card .custom-btn:disabled{background-color:#ccc;cursor:not-allowed}.outer-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;max-width:800px;margin:0 auto}.top-image-container{text-align:center;margin-bottom:20px}.top-image-container img{width:80px;height:80px}.main-heading{font-size:24px;font-weight:700;text-align:center;margin-bottom:10px}.subheading{font-size:16px;color:#666;text-align:center;margin-bottom:20px}.pdf-content{text-align:center;margin:20px 0}.error{color:red;font-size:14px}.custom-btn{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:0 10px}.custom-btn:disabled{background-color:#ccc;cursor:not-allowed}.button-group{text-align:center;margin-top:20px}.swms-builder-container{max-width:100%;font-family:sans-serif}.swms-header{text-align:left;margin-bottom:20px}.swms-title{font-size:28px;font-weight:700;color:#111827}.swms-subheading{font-size:16px;color:#6b7280;margin-top:4px}.progress-card{background:#fff;border-radius:12px;padding:12px 20px;max-width:100%;margin:0 0 20px;box-shadow:0 4px 8px #0000000d;height:100px}.progress-steps{position:relative;height:60px;width:100%}.swms-subheadingg{font-size:14px;color:#b3290a;margin-top:2px}.progress-bar{position:relative;background:#e5e7eb;border-radius:10px;height:12px;margin-bottom:60px;padding:0 25px;box-sizing:border-box}.progress{position:absolute;top:0;left:0;height:100%;background:#1b5624;border-radius:10px;transition:width .3s ease;width:0}.swms-subheading-secondary{font-size:14px;color:#9ca3af;margin-top:2px}.swms-card{border-radius:12px;height:20;width:100%}.swms-card-header{display:flex;justify-content:flex-end;font-size:14px;font-weight:500;color:#374151;margin-bottom:10px}.progress-bar{position:relative;background:#e5e7eb;border-radius:10px;height:12px;margin-bottom:25px}.progress{background:linear-gradient(90deg,#22c55e,#3b82f6);height:100%;border-radius:10px;transition:width .3s ease}.step-icon{width:16px;height:16px;background:#d1d5db;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb}.step-icon.active{background:#1b5624}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.custom-btn{padding:10px 20px;border:none;border-radius:6px;background:#1b5624;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.swms-header{text-align:left;margin-bottom:20px;position:relative}.step-counter{position:absolute;top:10px;right:10px;background-color:#1b5624;color:#fff;padding:.4rem 1rem;border-radius:9999px;font-weight:600;font-size:.9rem;-webkit-user-select:none;user-select:none}.save-close-btn{position:absolute;top:10px;right:120px;background-color:#fff;color:#1b5624;border:none;padding:.5rem 1rem;border-radius:9999px;font-weight:600;cursor:pointer;margin-right:10px;transition:background-color .3s ease}.save-close-btn:hover{background-color:#d2e0d9}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.custom-btn{padding:10px 20px;border:none;border-radius:6px;background:#114c0a;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.custom-btn:hover{background:#0e3b08;transition:background-color .3s ease;color:#fff}.custom-btn:disabled{background:#9ca3af;cursor:not-allowed}.step-icon-image{width:40px;height:40px;object-fit:contain;object-position:center}.horizontal-stepper{display:flex;justify-content:space-between;width:96%!important;margin:0 auto!important}.stepper-step{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:31px;max-width:44px;position:relative}.stepper-icon-wrapper{margin-bottom:8px;transition:all .3s ease;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #D5D7DA}.stepper-icon{width:20px;height:20px;display:block;transition:all .3s ease;color:#6b7280}.stepper-label{font-size:11px;text-align:center;line-height:1.3;color:#9ca3af;font-weight:500;transition:color .3s ease;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.stepper-line{flex:1;height:2px;background:#d1d5db;align-self:flex-start;margin-top:22px;border-radius:1px}.stepper-step.completed .stepper-icon-wrapper{background-color:#119131;border:none}.stepper-step.completed .stepper-icon.completed-icon{color:#fff}.stepper-step.completed .stepper-label{color:#119131;font-weight:600}.stepper-line.completed{background:#119131}.stepper-line.active-first{background:#114c0a}.stepper-step.current .stepper-icon-wrapper{background-color:#114c0a;box-shadow:0 4px 12px #114c0a4d;border:none}.stepper-step.current .stepper-icon{color:#fff;transform:scale(1.15)}.stepper-step.current .stepper-label{color:#0e3f39;font-weight:700}.stepper-step.upcoming .stepper-icon,.stepper-step.upcoming .stepper-label{color:#9ca3af}@media (max-width: 1200px){.stepper-step{min-width:70px;max-width:100px}.stepper-icon-wrapper{padding:10px}.stepper-icon{width:20px;height:20px}.stepper-label{font-size:10px}.stepper-line{margin-top:23px}}@media (max-width: 992px){.stepper-step{min-width:60px;max-width:80px}.stepper-icon-wrapper{padding:8px}.stepper-icon{width:20px;height:20px}.stepper-label{font-size:9px}.stepper-line{margin:19px 6px 0}}@media (max-width: 768px){.horizontal-stepper{overflow-x:auto;justify-content:flex-start;padding:15px 5px}.stepper-step{min-width:70px}.stepper-icon-wrapper{padding:8px}.stepper-icon{width:20px;height:20px}.stepper-label{font-size:8px}.stepper-line{margin:17px 4px 0}}.step-1-label{text-wrap-mode:nowrap!important}.step-2-label,.step-3-label{width:80px!important}.step-4-label{width:100px!important}.step-5-label{width:112px!important}.step-6-label{width:50px!important}.step-9-label{width:80px!important}.admin-container{padding-top:2rem;min-height:100vh;background:#f5f6fa;font-family:Inter,sans-serif}.btn.edit-swms.mt-2{background:#618574;color:#fff;width:100%;margin-bottom:10px}.btn.edit-swms.mt-3{background:#fff;color:#5a8570;width:100%;margin-bottom:10px}.main-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.panel-card{border-radius:16px;margin-bottom:2rem}.panel-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#34495e}.search-box input{width:100%;padding:7px 14px;border:1px solid #ddd;border-radius:6px;background:none!important}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.profile-card{background:#fafafa;padding:1.5rem;border-radius:16px;transition:transform .2s ease;border:1px solid #eee}.profile-card:hover{transform:translateY(-4px)}.profile-header{display:flex;align-items:center;gap:1rem}.profile-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;background:#ddd}.profile-name{font-weight:600;font-size:1.1rem}.profile-email{font-size:.9rem;color:#777}.profile-company{font-size:.85rem;color:#555}.status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;margin-top:4px}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.btn{padding:6px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease}.profile-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.profile-actions .btn{flex:1;min-width:100px;text-align:center;padding:8px 12px;font-size:.85rem;border-radius:8px;font-weight:500;transition:background .2s ease}.btn.primary{background:#93c5fd;color:#1e3a8a}.btn.primary:hover{background:#60a5fa}.btn.success{background:#a7f3d0;color:#065f46}.btn.success:hover{background:#6ee7b7}.btn.danger{background:#fecaca;color:#7f1d1d}.btn.danger:hover{background:#fca5a5}.btn.warning{background:#fde68a;color:#78350f}.btn.warning:hover{background:#fcd34d}.btn.info{background:#e9d5ff;color:#5b21b6}.btn.info:hover{background:#d8b4fe}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.analytics-box{background:#ecf0f1;padding:1rem;border-radius:12px;font-weight:600;text-align:center}.modal-overlay{position:fixed;inset:0;background:rgba(82,82,82,);display:flex;justify-content:center;align-items:center;z-index:50;animation:fadeIn .2s ease-in-out}.modal-card{background:#fff;border-radius:20px;padding:2rem;width:100%;max-width:480px;box-shadow:0 8px 24px #0003;animation:scaleUp .25s ease}.modal-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50;text-align:center}.form-grid{display:flex;flex-direction:column;gap:1rem}.form-grid input,.form-grid select{padding:12px 14px;border:1px solid #ddd;border-radius:12px;font-size:.95rem;transition:all .2s ease}.modal-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:24px}.analytics-grid>div{height:100%}.stat-card{border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.stat-title{font-size:.875rem;font-weight:500;color:#6b7280}.stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin-top:.5rem}.stat-subtext{font-size:20px!important;color:#9ca3af;margin-top:.25rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.chart-card{display:flex;flex-direction:column}.stat-title{font-size:1.125rem;font-weight:600;color:#374151}.chart-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:24px}.analytics-grid>.stat-card{height:100%;display:flex;flex-direction:column}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;grid-auto-rows:1fr}.analytics-grid>.stat-card{display:flex;flex-direction:column;height:100%}.usage-analytics{padding:20px;font-family:Inter,sans-serif}.summary-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.summary-cards .card{flex:1 1 200px;padding:20px;border-radius:15px;color:#fff;text-align:center;box-shadow:0 4px 12px #0000001a}.gradient-blue{background:linear-gradient(135deg,#4f9aff,#3a6fff)}.gradient-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.gradient-orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.gradient-green{background:linear-gradient(135deg,#2ecc71,#27ae60)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.chart-card{border:1px solid #dddada!important;padding:20px;border-radius:15px}.stat-card{padding:15px 20px;border-radius:12px;color:#fff;box-shadow:0 3px 8px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:100px}.btn.edit-swms{background:#4d675b;color:#fff;border:2px solid #059669}.btn.edit-swms:hover{background:#4a856d;border-color:#047857}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.panel-title{font-size:24px;margin-bottom:20px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.form-grid label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;color:#374151}.form-grid input,.form-grid select{margin-top:.4rem;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.modal-title{font-size:1.3rem;font-weight:700;color:#111827;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}}.stat-card{border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100px;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.stat-card.white{background:#fff;color:#111}.stat-card.gradient-blue{background:linear-gradient(135deg,#4f9aff,#3a6fff);color:#fff}.stat-card.gradient-green{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.stat-card.gradient-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.stat-card.gradient-orange{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.form-grid-1{display:flex;flex-direction:column;gap:1rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem 1rem 0px!important;min-height:164px;display:flex;flex-direction:column;justify-content:space-between}.stat-card.gradient-blue-alt{background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#1e40af);color:#f0f9ff}.stat-card.gradient-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#f0fdfa}.stat-card.gradient-gold{background:#08f;color:#fff}.stat-card.gradient-red{background:#0e3f39;color:#fff}.stat-card.gradient-slate{background:linear-gradient(135deg,#475569,#334155);color:#f1f5f9}.stat-card.gradient-green1{background:#34c759!important;color:#fff!important}.stat-card.gradient-red1{background:#ff8d28!important;color:#fff!important}.stat-title1{color:#fff!important;font-weight:600!important;text-align:left!important;line-height:1.2!important}.stat-value1{color:#fff!important;font-size:1.5rem!important;font-weight:600!important;margin:.5rem 0!important;text-align:left!important;line-height:1.2!important}.stat-subtext1{color:#fff!important;font-size:30px!important;font-weight:600!important;text-align:left!important;line-height:1.2!important;margin-left:0!important}.set_most_common_hazard{font-size:12px!important;font-weight:500!important;margin-bottom:20px!important}.set_bold{font-weight:600!important;font-size:30px!important}.set_green{background:#0e3f39!important}.set_blue{background:#08f!important}.set_perot{background:#34c759!important}.set_orange{background:#ff8d28!important}.mobile-blocker-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;position:fixed;top:0;left:0;z-index:9999;overflow:hidden}.mobile-blocker-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;max-width:500px}.mobile-blocker-logo{width:200px;height:auto;position:absolute;top:20%;transform:translateY(-50%);object-fit:contain}.mobile-blocker-title{font-size:24px;font-weight:600;color:#181d27;margin:0 0 16px;line-height:1.4}.mobile-blocker-message{font-size:16px;font-weight:400;color:#535862;margin:0;line-height:1.5}@media (max-width: 480px){.mobile-blocker-logo{top:22%}.mobile-blocker-title{font-size:31px;text-align:center}.mobile-blocker-message{font-size:16px}}html,body{height:100%;margin:0;background-color:#f8fafc;font-family:Inter,sans-serif}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-wrapper{display:flex;flex-grow:1;overflow:hidden;margin-top:70px}.main-content{flex-grow:1;height:100%;overflow-y:auto;padding:1.5rem;box-sizing:border-box;transition:margin-left .3s ease;margin-top:15px}.main-content.no-sidebar{margin-left:0;width:100vw}.header{position:fixed;top:0;left:0;right:0;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-sizing:border-box;z-index:2000}.header-left,.header-right,.header-right-row{display:flex;align-items:center;gap:1.75rem}.app-logo{height:80%;max-width:200px;object-fit:contain;position:relative;right:11%;top:10px}.side-nav{width:100!important;height:100%;background-color:#eceef0!important;overflow-y:auto;position:fixed;top:0!important;left:0;z-index:999;transition:transform .3s ease;padding-top:40px;box-sizing:border-box;overflow-x:hidden}.content-wrapper.side-nav-closed .side-nav{transform:translate(-350px)}.main-content{margin-left:clamp(300px,20vw,400px)}.logo-card{display:flex;align-items:center;text-align:center;background:#dee4dc;border-radius:9px;padding:20px;margin:90px 30px 20px 20px;height:30px;width:87%;box-shadow:0 2px 6px #0000000d;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.logo-card:hover{background:#cfd6cc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nv-icon{height:45px;margin-right:12px}.app-title{display:flex;align-items:center;padding:10px 15px;margin:6px 30px 6px auto;width:85%;max-width:260px;color:#000;border-radius:10px;font-size:15px;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:10px}.nav-link{display:flex;align-items:center;padding:13px 15px;margin:2px auto;width:90%;max-width:300px;color:#414651;border-radius:10px;font-size:clamp(16px,1.1vw,24px);text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:10px}@media (min-width: 1920px) and (max-width: 2559px){.side-nav{width:clamp(320px,18vw,380px)!important}.main-content{margin-left:clamp(320px,18vw,380px)!important}}@media (min-width: 2560px){.side-nav{width:clamp(350px,22vw,450px)!important}.main-content{margin-left:clamp(350px,22vw,450px)!important}.nav-link{font-size:clamp(18px,1.2vw,28px)!important;width:95%!important;max-width:none!important;padding:clamp(15px,1.2vw,24px) clamp(19px,1.4vw,32px)!important}.app-title{font-size:clamp(16px,1.1vw,26px)!important}.nav-heading{font-size:clamp(18px,1.1vw,28px)!important}.btn-logout{font-size:clamp(16px,1.1vw,26px)!important;height:clamp(50px,1.2vw,70px)!important}.nav-icon{width:clamp(24px,1.4vw,36px)!important;height:clamp(24px,1.4vw,36px)!important}}.nav-icon{width:clamp(20px,1.2vw,32px);height:clamp(20px,1.2vw,32px);filter:grayscale(40%) brightness(80%);transition:filter .3s ease;flex-shrink:0}.nav-link:hover,.nav-link.active{background-color:#0e3f391a;color:#0e3f39!important;box-shadow:0 2px 6px #00000014}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{filter:none}.nav-separator{height:1px;background-color:#ccc;width:80%;margin:12px auto;border-radius:2px}.nav-heading{font-size:16px;font-weight:700;padding-left:20px;margin:8px 0;color:#5c6b5f}.btn-logout{display:flex;align-items:center;justify-content:center;background:#dee4dc;color:#000;border-radius:9px;width:90%;margin:20px auto;height:50px;font-size:16px;line-height:50px;cursor:pointer;box-shadow:0 2px 6px #0000000d;transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.new-doc-btn{background-color:#14532d;color:#fff;border:none;border-radius:8px;padding:7px 40px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,box-shadow .2s ease,transform .05s ease}.new-doc-btn:hover{background-color:#0f3e23;box-shadow:0 2px 8px #0000001f}.new-doc-btn:active{transform:translateY(1px)}.lang-selector{border-radius:8px;border:2px solid #D5D7DA;cursor:pointer;width:105px!important;padding:7px!important;color:#414651!important;font-weight:600!important;font-size:14px!important}.form-select{box-shadow:none!important;outline:none!important;border:2px solid rgba(10,13,18,.05);padding:10px!important;color:#717680!important}.user-avatar-wrapper{width:50px;height:50px}.user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #23562a}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App-logo{height:90vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}body.high-contrast .main-content{background-color:#000!important;color:#fff!important}body.high-contrast .new-doc-btn{background-color:#fff!important;color:#000!important;border:2px solid #000!important}@media (max-width: 768px){.side-nav{width:100%;height:auto;top:70px;transform:translate(0)}.content-wrapper.side-nav-closed .side-nav{transform:translate(-100%)}.main-content{margin-left:0;padding:1rem}.nav-link{justify-content:center;font-size:14px;padding:10px 12px;width:95%;max-width:280px}.nav-icon{margin-right:8px;width:20px;height:20px}}@media (max-width: 480px){.new-doc-btn{padding:8px 10px;font-size:13px}}.side-nav{width:clamp(300px,20vw,400px);height:100%;overflow-y:auto;position:fixed;top:0;left:0;z-index:999;transition:transform .3s ease}.content-wrapper.side-nav-closed .side-nav{transform:translate(-100%)}.main-content{padding:1.5rem;min-height:calc(100vh - 70px);transition:margin-left .3s ease;position:relative;z-index:1000}.content-wrapper.side-nav-closed .main-content{margin-left:0}.btn-logout{position:absolute;left:50%;transform:translate(-50%);bottom:45px;width:90%}.nav-scroll{padding-bottom:90px}.btn-logout-admin{display:flex;align-items:center;justify-content:center;background:#dee4dc;color:#000;border-radius:9px;width:90%;margin-top:6px;margin-left:1.2rem;margin-bottom:50px;height:50px;font-size:16px;line-height:50px;cursor:pointer;bottom:45px;box-shadow:0 2px 6px #0000000d;transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.btn-logout:hover{background:#cfd6cc;box-shadow:0 4px 12px #0000001a}.logout-icon{width:10px;background-color:none}@media (min-width: 1300px) and (max-width: 1399.9px){.header-center{margin-left:7%!important}}@media (min-width: 1400px) and (max-width: 1499.9px){.header-center{margin-left:6.5%!important}}@media (min-width: 1500px) and (max-width: 1599.9px){.header-center{margin-left:7%!important}}@media (min-width: 1600px) and (max-width: 1699.9px){.header-center{margin-left:7.5%!important}}@media (min-width: 1700px) and (max-width: 1799.9px){.header-center{margin-left:8.5%!important}}@media (min-width: 1800px) and (max-width: 1899.9px){.header-center{margin-left:9%!important}}@media (min-width: 1900px) and (max-width: 1999.9px){.header-center{margin-left:7.5%!important}}@media (min-width: 2000px) and (max-width: 2099.9px){.header-center{margin-left:8%!important}}@media (min-width: 2100px) and (max-width: 2199.9px){.header-center{margin-left:8%!important}}@media (min-width: 2200px) and (max-width: 2299.9px){.header-center{margin-left:8%!important}}@media (min-width: 2300px) and (max-width: 2399.9px){.header-center{margin-left:8%!important}}@media (min-width: 2400px) and (max-width: 2499.9px){.header-center{margin-left:7.5%!important}}@media (min-width: 2560px) and (max-width: 2600px){.header-center{margin-left:10%!important}}@media (min-width: 2600px) and (max-width: 2699px){.header-center{margin-left:9.5%!important}}@media (min-width: 2700px) and (max-width: 2799px){.header-center{margin-left:9%!important}}@media (min-width: 2800px) and (max-width: 2899px){.header-center{margin-left:8.5%!important}}@media (min-width: 2900px) and (max-width: 2999px){.header-center{margin-left:8.5%!important}}@media (min-width: 3000px) and (max-width: 3099px){.header-center{margin-left:8%!important}}@media (min-width: 3100px) and (max-width: 3199px){.header-center{margin-left:8%!important}}@media (min-width: 3200px) and (max-width: 3299px){.header-center{margin-left:7.5%!important}}@media (min-width: 3300px) and (max-width: 3399px){.header-center{margin-left:7.5%!important}}@media (min-width: 3440px){.header-center{margin-left:6.5%!important}.side-nav{width:clamp(400px,25vw,500px)!important}.main-content{margin-left:clamp(400px,25vw,500px)!important}.nav-link{font-size:clamp(20px,1.3vw,32px)!important;width:95%!important;max-width:none!important;padding:clamp(18px,1.4vw,28px) clamp(22px,1.6vw,36px)!important}.app-title{font-size:clamp(18px,1.3vw,30px)!important}.nav-heading{font-size:clamp(20px,1.3vw,32px)!important}.btn-logout{font-size:clamp(18px,1.3vw,30px)!important;height:clamp(60px,1.4vw,80px)!important}.nav-icon{width:clamp(28px,1.4vw,40px)!important;height:clamp(28px,1.4vw,40px)!important}.header{height:clamp(90px,1.2vw,120px)!important}.app-logo{height:85%!important;max-width:clamp(200px,1.2vw,300px)!important}}.doc-library.layout-left{width:100%;padding-top:2rem;display:block;color:#0f172a}.header-section{margin-bottom:10px}.title-area{display:block}.page-title{margin:0 0 12px;font-weight:700;font-size:2rem}.page-subtitle{margin:0 0 14px;color:#475569;font-size:14px}.upload-section{background:#fafafa;margin-bottom:16px}.upload-header h3{display:flex;align-items:center;gap:8px;margin:0 0 4px}.section-icon{font-size:18px}.upload-subtitle{margin:0 0 10px;color:#64748b}.upload-form .form-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.form-group{display:flex;flex-direction:column;min-width:200px}.form-group.grow{flex:1 1 260px}.form-label{font-size:16px;font-weight:400;color:#414651;margin-bottom:6px}.form-input,.form-select{border:1px solid #D5D7DA;border-radius:8px;padding:9px 10px;font-size:16px;font-weight:400;outline:none;background:#fff}.form-input::placeholder,.form-select::placeholder{color:#717680;font-size:16px;font-weight:400}.select-wrapper{position:relative}.file-upload-area{margin-top:4px}.upload-zone{position:relative}.file-input{display:none}.upload-label{display:block;border:1px solid #D5D7DA;border-radius:12px;padding:18px;cursor:pointer;background:#fff;transition:background .2s,border-color .2s}.upload-label:hover{background:#f8fafc;border-color:#d5d7da}.upload-label.uploading{cursor:progress;opacity:.7}.upload-content{display:flex;align-items:center;gap:10px}.upload-icon{font-size:20px}.upload-hint{color:#64748b;font-size:12px}.upload-spinner{width:16px;height:16px;border:2px solid #D5D7DA;border-top-color:#d5d7da;border-radius:50%;animation:spin .9s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.upload-box-doc{border:1px solid #D5D7DA;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden;transition:border-color .3s ease}.upload-box-doc:hover{border-color:#d5d7da}.upload-text-doc{flex:1;color:#414651cc;font-size:14px;display:flex;align-items:center}.upload-btn-doc{display:flex;align-items:center;background-color:#0e3f39;color:#fff!important;border-radius:0 6px 6px 0;padding:11px 18px;border:none;cursor:pointer;transition:background-color .3s ease;margin-bottom:0;padding:13px!important}.upload-btn-doc:hover{background-color:#0e3f39e6}.controls-section{margin:8px 0 10px}.filters-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group.grow{flex:1 1 280px}.filter-label{font-size:16px;font-weight:400;color:#414651;margin-bottom:6px;display:flex;align-items:center}.label-icon{margin-right:6px}.filter-select,.search-input{height:45px;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;font-size:16px;font-weight:400;outline:none;background:#fff;box-sizing:border-box;font-family:inherit;line-height:normal}.search-input::placeholder{color:#717680;font-size:16px;font-weight:400}.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-wrapper,.select-wrapper{display:flex;height:100%}.select-wrapper select{width:100%}.documents-section{margin-top:8px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.section-title{margin:0}.section-count{color:#64748b;font-size:12px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.documents-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.documents-list::-webkit-scrollbar,.documents-scroll-container::-webkit-scrollbar{width:8px}.documents-list::-webkit-scrollbar-track,.documents-scroll-container::-webkit-scrollbar-track{background:#dadada!important;border-radius:4px}.documents-list::-webkit-scrollbar-thumb,.documents-scroll-container::-webkit-scrollbar-thumb{background:#939393;border-radius:4px}.documents-list::-webkit-scrollbar-thumb:hover,.documents-scroll-container::-webkit-scrollbar-thumb:hover{background:#0a2d28}.document-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #0E3F39!important;border-radius:8px;padding:16px 20px;transition:all .2s ease}.document-item:hover{background:#0e3f391a}.document-info{flex:1;min-width:0}.document-title{margin:0 0 4px;font-size:18px;color:#414651!important;line-height:1.3}.document-subtitle{margin:0;font-size:14px;color:#414651!important}.document-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.document-type-badge{padding:9px 34px;border:1px solid #D5D7DA!important;border-radius:6px;color:#181d27;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.document-type-badge.msds,.document-type-badge.policy,.document-type-badge.license,.document-type-badge.certificate,.document-type-badge.other{color:#495057;border-color:#d5d7da}.document-actions .view-button{background:#0e3f39;color:#fff;border:none;border-radius:6px;padding:9px 34px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.document-actions .view-button:hover{background:#0e3f39;transform:translateY(-1px)}.document-actions .delete-button{background:#ff383c;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.document-actions .delete-button:hover{background:#ff383c;transform:translateY(-1px)}@media (max-width: 768px){.document-item{flex-direction:column;align-items:flex-start;gap:12px}.document-actions{width:100%;justify-content:space-between}.document-actions .view-button,.document-actions .delete-button{flex:1;text-align:center;margin:0 4px}}@media (max-width: 480px){.document-item{padding:12px 16px}.document-actions{flex-direction:column;gap:8px;width:100%}.document-actions .view-button,.document-actions .delete-button{width:100%;margin:0}}.document-card{border:1px solid #D5D7DA;border-radius:14px;background:#fff;display:flex;flex-direction:column;min-height:190px;overflow:hidden;transition:box-shadow .2s,transform .15s}.document-card:hover{border-color:#d5d7da;box-shadow:0 6px 20px #0f172a14;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 8px;border-bottom:1px solid #D5D7DA;background:#f9fafb}.doc-category-badge{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.doc-category-badge.msds{background:#cffafe;color:#0e7490;border:1px solid #D5D7DA}.doc-category-badge.policy{background:#e0e7ff;color:#3730a3;border:1px solid #D5D7DA}.doc-category-badge.license{background:#fef3c7;color:#92400e;border:1px solid #D5D7DA}.doc-category-badge.certificate{background:#dcfce7;color:#166534;border:1px solid #D5D7DA}.doc-category-badge.other{background:#f3f4f6;color:#374151;border:1px solid #D5D7DA}.card-actions{display:flex;gap:6px}.card-content{padding:12px 14px 10px;flex:1}.doc-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.doc-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:70%}.tag-chip{font-size:11px;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#475569;border:1px solid #D5D7DA;font-weight:500}.tag-chip.more{background:#e2e8f0;color:#334155}.doc-size{color:#64748b;font-size:12px}.doc-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.view-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #D5D7DA;background:#f0fdf4;color:#166534;padding:6px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px;transition:background .15s,transform .1s}.view-button:hover{background:#dcfce7;border-color:#d5d7da;transform:translateY(-1px)}.button-icon{font-size:14px}.card-footer{border-top:1px solid #D5D7DA;padding:8px 14px;color:#64748b;font-size:12px;background:#fafafa}.empty-state{border:1px solid #D5D7DA!important;border-radius:12px;padding:60px;background:#fff;text-align:left}.empty-icon{font-size:24px;margin-bottom:6px}.loading-container{display:flex;align-items:center;gap:10px}.loading-spinner{width:18px;height:18px;border:2px solid #D5D7DA;border-top-color:#d5d7da;border-radius:50%;animation:spin .9s linear infinite}.subscription-required{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #D5D7DA;padding:18px;background:#fafafa}.subscription-icon{font-size:26px}.subscription-message{color:#475569}.feature-benefits h3{margin-bottom:6px}.feature-benefits ul{margin:8px 0;padding-left:18px}.upgrade-btn{margin-top:10px;border:1px solid #D5D7DA;background:#225214;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.upgrade-btn:hover{background:#1a4110;border-color:#d5d7da}.modal-overlay{position:fixed;inset:0;background-color:rgba(82,82,82,);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content.subscription-modal{padding:30px}.modal-close{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;z-index:1}.modal-close:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.modal-content .subscription-required{border:none;background:transparent;padding:0}.modal-content .subscription-required h1{margin-top:0;font-size:28px;color:#0f172a;margin-bottom:12px}@media (max-width: 768px){.modal-content{max-width:95%;padding:20px}.modal-content.subscription-modal{padding:20px}.modal-content .subscription-required h1{font-size:24px}}