@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');:root{--brand-red:#c4122e;--brand-red-hover:#a00e25;--bg-light:#f4f7f9;--text-main:#2c3e50;--text-muted:#7f8c8d;--white:#ffffff;--border-color:#eaeff5}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;width:100%}input,textarea,select{user-select:auto}.btn{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease}.btn-primary{background-color:var(--brand-red);color:var(--white);box-shadow:0 3px 8px rgba(196,18,46,0.2)}.btn-primary:hover{background-color:var(--brand-red-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(196,18,46,0.3)}.btn-danger{background-color:#e74c3c;color:white;box-shadow:0 3px 8px rgba(231,76,60,0.2)}.btn-danger:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(231,76,60,0.3)}.btn-sm{padding:7px 14px;font-size:0.85rem}.btn-block{width:100%}.form-group{margin-bottom:18px;text-align:left!important}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-main);font-size:0.95rem;text-align:left!important}.form-control,select,textarea,input[type="text"],input[type="date"],input[type="number"],input[type="password"]{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;outline:none;background-color:var(--white);color:var(--text-main);font-size:0.95rem;text-align:left!important;transition:border-color 0.2s,box-shadow 0.2s}.form-control:focus,select:focus,textarea:focus,input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(196,18,46,0.1)}.logo-wrapper{background-color:var(--brand-red);padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(196,18,46,0.2)}.brand-logo-img{max-height:38px;width:auto;display:block;margin:0 auto}.login-body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-light)}.login-container{background:var(--white);padding:45px 40px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.04);width:100%;max-width:420px;text-align:left!important;border:1px solid var(--border-color)}.login-header{margin-bottom:30px;text-align:center}.alert{padding:12px 15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600;font-size:0.9rem}.alert-danger{background-color:#fdf3f4;color:#c0392b;border:1px solid #fadbdc}.alert-success{background-color:#f0fdf4;color:#27ae60;border:1px solid #dcfce7}.module-container{max-width:1200px;margin:0 auto;padding:25px 20px}.module-header{background:var(--white);padding:15px 25px;border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,0.02);margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.user-actions{display:flex;align-items:center;gap:15px}.user-profile-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#f4f6f9;padding:6px 14px;border-radius:8px;border:1px solid #eaeff5}.user-name{font-weight:700;font-size:0.9rem;color:var(--text-main);display:flex;align-items:center;gap:6px}.user-name i{color:var(--brand-red)}.user-title{font-size:0.75rem;color:var(--text-muted);font-weight:600;margin-left:20px}.tab-nav-wrapper{display:flex;justify-content:center;margin-bottom:35px}.tab-nav{background:var(--white);padding:8px;border-radius:12px;display:inline-flex;gap:5px;box-shadow:0 4px 15px rgba(0,0,0,0.02);flex-wrap:wrap;justify-content:center}.tab-btn{background:transparent;border:none;font-size:0.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;padding:12px 24px;border-radius:8px;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.tab-btn i{font-size:1.1rem}.tab-btn:hover{color:var(--brand-red);background:#fdf3f4}.tab-btn.active{background:var(--brand-red);color:var(--white);box-shadow:0 4px 10px rgba(196,18,46,0.2)}.module-section{margin-bottom:35px}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:20px;padding-left:12px;letter-spacing:0.5px;border-left:4px solid var(--brand-red)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.module-box{background:var(--white);border:1px solid var(--border-color);border-radius:14px;padding:30px 20px;text-align:center;text-decoration:none;color:var(--text-main);transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.02);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;position:relative;overflow:hidden}.module-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-red);opacity:0;transition:opacity 0.3s ease}.module-box:hover::before{opacity:1}.module-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(196,18,46,0.08);border-color:transparent}.disabled-box{opacity:0.45;cursor:not-allowed;filter:grayscale(100%);background:#f8f9fa!important}.disabled-box:hover{transform:none!important;box-shadow:0 4px 12px rgba(0,0,0,0.02)!important;border-color:var(--border-color)!important}.disabled-box::before{display:none!important}.module-icon-text{background:#fdf3f4;width:65px;height:65px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.6rem;margin-bottom:18px;color:var(--brand-red);transition:all 0.3s ease}.module-box:not(.disabled-box):hover .module-icon-text{background:var(--brand-red);color:var(--white);transform:scale(1.05);border-radius:50%}.module-box h3{font-size:0.95rem;font-weight:700;color:var(--text-main);line-height:1.4}.webview-body{min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.workspace-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-light)}.workspace-topbar{background:var(--white);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,0.02);flex-wrap:wrap;gap:10px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.workspace-title{font-size:1.15rem;font-weight:700;color:var(--text-main)}.split-container{display:flex;flex:1;gap:25px;padding:25px;flex-wrap:wrap}@media (max-width:768px){.split-container{overflow-y:auto}.pane-left,.pane-right{flex:100%!important;min-width:100%}}.pane{background:var(--white);border-radius:14px;border:1px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,0.02);overflow-y:auto;padding:30px}.pane-left{flex:7;background:#ffffff}.pane-right{flex:4;background:#fdfdfe}.pdf-document{max-width:100%;background:#ffffff!important}.pdf-header{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--brand-red);padding-bottom:15px;margin-bottom:20px}.pdf-logo-box{width:140px!important;height:45px!important;min-width:140px;max-width:140px;background-color:var(--brand-red);border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:5px}.pdf-logo-img{width:auto!important;height:auto!important;max-width:120px!important;max-height:35px!important;display:block;margin:0 auto}.pdf-title-area h1{font-size:18px;color:#111;margin-bottom:3px;font-weight:800}.date-sub{font-size:12px;color:#555;font-weight:600}.summary-grid{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.summary-box{flex:1;border:1px solid #eaeff5;padding:15px;text-align:center;border-radius:10px;background:#f9fbfe;min-width:120px;box-shadow:0 2px 5px rgba(0,0,0,0.01)}.summary-box.dark{background:#2c3e50;color:#fff;border-color:#2c3e50}.summary-title{font-size:10px;text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#7f8c8d;letter-spacing:0.5px}.summary-box.dark .summary-title{color:#bdc3c7}.summary-value{font-size:1.2rem;font-weight:800;color:var(--brand-red)}.summary-box.dark .summary-value{color:#fff}.pdf-table{width:100%;border-collapse:collapse;margin-bottom:15px}.pdf-table th,.pdf-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #eaeff5;font-size:11px;background:#ffffff!important;color:#333}.pdf-table th{background:#f4f6f9!important;color:#2c3e50;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:0.5px}.badge{background:var(--brand-red);color:#fff;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:0.5px}.total-row{font-weight:bold;background:#f9fbfe!important}.action-link{font-size:11px;text-decoration:none;padding:4px 8px;border-radius:4px;font-weight:600;transition:background 0.2s}.action-link.edit{background:#f39c12;color:#fff}.action-link.edit:hover{background:#d68910}.action-link.delete{background:#e74c3c;color:#fff}.action-link.delete:hover{background:#c0392b}.form-panel h3{font-size:1.2rem;margin-bottom:25px;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:12px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.form-card{background:var(--white);padding:35px;border-radius:14px;border:1px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,0.02)}.spec-page{background:#ffffff;padding:30px;margin-bottom:25px;border:1px solid var(--border-color);position:relative;min-height:1050px;box-sizing:border-box;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.02)}.spec-header-grid{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--brand-red);padding-bottom:12px;margin-bottom:15px}.company-info{text-align:right;font-size:11px;line-height:1.4;color:var(--text-main)}.company-info strong{font-size:13px;color:var(--brand-red)}.spec-meta-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:15px}.spec-meta-table td{padding:4px 6px;vertical-align:top}.section-bar{background-color:var(--brand-red);color:#ffffff;font-weight:bold;font-size:11px;padding:6px 12px;margin-top:15px;margin-bottom:8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px}.spec-data-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:10px}.spec-data-table th,.spec-data-table td{padding:6px 8px;border-bottom:1px solid var(--border-color);text-align:left}.spec-data-table th{font-weight:bold;background:#f4f6f9;color:var(--text-main)}.fda-nutrition-box{border:2px solid #000;padding:10px;max-width:320px;margin:10px auto;font-family:Arial,sans-serif;border-radius:4px}.fda-title{font-size:20px;font-weight:900;border-bottom:1px solid #000;padding-bottom:2px}.fda-line-thick{border-bottom:8px solid #000;margin:4px 0}.fda-line-medium{border-bottom:4px solid #000;margin:4px 0}.fda-line-thin{border-bottom:1px solid #000;margin:3px 0}.spec-footer{position:absolute;bottom:15px;left:30px;right:30px;border-top:1px solid var(--border-color);padding-top:10px;font-size:9.5px;color:var(--text-muted);display:flex;justify-content:space-between;font-weight:500}.packaging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px}.pack-card{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,0.02);transition:transform 0.2s}.pack-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,0.05)}.pack-img-wrapper{height:220px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;overflow:hidden;padding:10px;position:relative}.pack-img-wrapper img{width:100%;height:100%;object-fit:contain}.pack-info{padding:12px;text-align:center;border-top:1px solid var(--border-color);background:#fff;font-size:11px;color:#555}.pack-info strong{color:var(--brand-red);display:block;margin-bottom:4px;font-size:12px}.doc-approval-area{margin-top:35px;padding-top:15px}.signatures-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin-top:15px}.sig-block{width:220px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;text-align:center}.sig-handwritten{font-family:'Alex Brush',cursive;font-size:32px;color:#0e3a60;line-height:1;min-height:42px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;width:100%}.sig-line{width:100%;height:1px;background-color:#2c3e50;margin-bottom:8px}.sig-fullname{font-weight:700;font-size:11px;color:#2c3e50;text-transform:uppercase;letter-spacing:0.5px}.sig-title{font-size:10px;color:#7f8c8d;font-weight:600;margin-top:2px}.sig-date{font-size:9.5px;color:#95a5a6;margin-top:3px}@media print{@page{margin:0;size:A4 portrait}html,body{width:100%!important;height:auto!important;min-height:100%!important;margin:0!important;padding:0!important;background-color:#ffffff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;overflow:visible!important}.workspace-wrapper,.webview-body{height:auto!important;min-height:100%!important;overflow:visible!important;background:#ffffff!important}.workspace-topbar,.pane-right,.print-hide,.tab-nav,.module-header,.tab-nav-wrapper{display:none!important}.split-container{display:block!important;padding:0!important;margin:0!important;width:100%!important;overflow:visible!important}.pane{border:none!important;box-shadow:none!important;padding:0!important;background:#ffffff!important;overflow:visible!important;width:100%!important}.pane-left{width:100%!important;flex:none!important}.pdf-document{width:100%!important;max-width:100%!important;padding:12mm!important;box-sizing:border-box!important;background:#ffffff!important}.pdf-header{border-bottom:2px solid #c4122e!important;margin-bottom:15px!important}.pdf-logo-box{width:140px!important;height:45px!important;min-width:140px!important;max-width:140px!important;background-color:#c4122e!important;border-radius:6px!important;padding:5px!important;display:flex!important;justify-content:center!important;align-items:center!important;float:left!important;margin-right:15px!important}.pdf-logo-img{width:auto!important;height:auto!important;max-width:120px!important;max-height:35px!important;display:block!important;margin:0 auto!important}.summary-grid{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important;margin-bottom:20px!important}.summary-box{flex:1!important;background:#ffffff!important;border:1px solid #333!important;border-radius:6px!important;padding:10px!important}.summary-box.dark{background:#2c3e50!important;color:#fff!important}.pdf-table{width:100%!important;border-collapse:collapse!important}.pdf-table th{background:#f4f6f9!important;color:#2c3e50!important;font-weight:700!important}.pdf-table td,.pdf-table th{border-bottom:1px solid #eaeff5!important;color:#000!important;padding:6px 8px!important}.total-row{background:#f9fbfe!important}.spec-page{box-shadow:none!important;border:none!important;margin-bottom:0!important;page-break-after:always;padding:12mm!important;border-radius:0!important;min-height:100vh!important}.section-bar{background-color:#c4122e!important;color:#fff!important;border-radius:0!important}.pack-card{break-inside:avoid;border:1px solid #ccc!important;box-shadow:none!important}.sig-block{break-inside:avoid}}.custom-datepicker-wrapper{position:relative;width:100%}.custom-datepicker-input{width:100%;border:1px solid var(--border-color,#eaeff5);border-radius:8px;padding:12px 15px 12px 38px!important;font-size:0.95rem;font-weight:700;color:var(--text-main,#2c3e50);background-color:#ffffff;outline:none;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.02);transition:border-color 0.2s}.custom-datepicker-wrapper i.calendar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--brand-red,#c4122e);font-size:1rem;pointer-events:none}.custom-datepicker-popup{display:none;position:absolute;top:calc(100% + 5px);left:0;background:#ffffff;border:1px solid var(--border-color,#eaeff5);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.12);padding:15px;z-index:9999;width:280px}.custom-datepicker-popup.show{display:block}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dp-header button{background:transparent;border:none;color:var(--text-main,#2c3e50);font-size:0.9rem;cursor:pointer;padding:4px 8px;border-radius:4px}.dp-header button:hover{background:#f1f5f9;color:var(--brand-red,#c4122e)}.dp-month-title{font-weight:800;font-size:0.9rem;color:var(--text-main,#2c3e50)}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:0.75rem;font-weight:700;color:var(--text-muted,#7f8c8d);margin-bottom:8px}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:0.82rem;font-weight:600;border-radius:6px;cursor:pointer;color:var(--text-main,#2c3e50);transition:all 0.15s ease}.dp-day:hover{background:#fdf3f4;color:var(--brand-red,#c4122e)}.dp-day.empty{cursor:default;background:transparent!important}.dp-day.selected{background:var(--brand-red,#c4122e)!important;color:#ffffff!important;font-weight:800}