.admin-recipes-grid{display:grid;grid-template-columns:340px 1fr;gap:16px;height:100%;align-items:start}.recipe-item{padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent;margin-bottom:6px;transition:background .15s,border-color .15s}.recipe-item:hover{background:var(--bg-input)}.recipe-item.selected{background:var(--bg-input);border-color:var(--accent)}.recipe-item-name{font-weight:600;font-size:.875rem}.recipe-item-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.recipe-header-form{background:var(--bg-input);padding:12px;border-radius:6px;margin-bottom:12px}.recipe-header-form .fields-row{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.recipe-header-form .fields-row .form-row{display:flex;gap:8px;align-items:flex-end}.recipe-header-form .fields-row .form-row .form-group:first-child{flex:1}.recipe-header-form .fields-row .form-row .form-group{min-width:100px}.step-row{border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:10px}.step-row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.step-row-instruction{font-size:.875rem;flex:1}.step-badge{font-weight:700;font-size:.75rem;color:var(--accent);margin-right:8px}.step-codes{display:flex;gap:8px;flex-shrink:0;font-size:.72rem;color:var(--text-muted);font-family:monospace}.step-codes span{background:var(--bg-input);padding:1px 5px;border-radius:3px}.step-vars{font-size:.72rem;color:var(--text-muted);margin-top:3px;margin-left:40px}.step-add-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-top:12px}.step-add-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.step-add-card-title{font-size:.857rem;font-weight:600;color:var(--text-primary)}.step-add-card-grid{display:grid;grid-template-columns:80px 1fr 90px 70px;gap:10px;align-items:start}.step-add-card-grid .form-group{margin-bottom:0}.step-add-card-row{display:grid;grid-template-columns:80px 1fr 90px 70px;gap:10px;align-items:start;margin-bottom:10px}.step-add-card-row-lower{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.step-add-card-predecessor{margin-bottom:12px}.step-add-card-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--border);margin-top:4px}.step-form-label{font-size:.714rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.step-form-input{width:100%;padding:7px 9px;font-size:.857rem;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);min-height:34px;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s}.step-form-input:focus{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-bg)}.step-form-input::placeholder{color:var(--text-muted)}@media(max-width:900px){.admin-recipes-grid{grid-template-columns:1fr}.step-add-card-grid,.step-add-card-row,.step-add-card-row-lower{grid-template-columns:1fr 1fr}}@media(max-width:480px){.step-add-card-grid,.step-add-card-row,.step-add-card-row-lower{grid-template-columns:1fr}}@media(max-width:900px){.admin-recipes-grid{grid-template-columns:1fr}.step-form-grid{grid-template-columns:1fr 1fr}}.step-row--editing{background:#05966912;border:1px solid rgba(5,150,105,.3);border-radius:var(--radius);padding:12px;margin:4px 0}:root{--bg-primary: #FAFAF8;--bg-secondary: #F5F3EF;--bg-card: #FFFFFF;--bg-input: #F5F3EF;--border: #E5E2DC;--border-light: #EDEBE6;--text-primary: #1C1C1C;--text-secondary: #6B6B6B;--text-muted: #9B9B9B;--green-500: #3ECF8E;--green-600: #38B27A;--green-700: #2E9B6A;--green-bg: rgba(62, 207, 142, .08);--green-border: rgba(62, 207, 142, .25);--red-500: #F87171;--red-bg: rgba(248, 113, 113, .08);--yellow-500: #FBBF24;--blue-500: #60A5FA;--amber-500: #F59E0B;--amber-bg: rgba(245, 158, 11, .08);--eres-yellow: #FDE68A;--eres-border: #F59E0B;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Source Serif 4", Georgia, "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{font-size:1.38rem}h2{font-size:1.15rem}h3{font-size:1.07rem}h4{font-size:1rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--green-700)}.text-red{color:var(--red-500)}.text-amber{color:var(--amber-500)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.786rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}input,input[type=text],input[type=password],input[type=email],input[type=datetime-local],input[type=date],input[type=number],textarea,select{width:100%;padding:8px 10px;font-size:.929rem;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);min-height:36px;box-sizing:border-box;height:36px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-bg)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px;height:auto}input[type=checkbox]{width:auto;height:auto;min-height:0;padding:0;margin:0;border:none;border-radius:0;background:none;box-shadow:none;cursor:pointer;vertical-align:middle}input[type=checkbox]:focus{box-shadow:none;border:none}.form-input{width:100%;padding:7px 9px;font-size:.857rem;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);min-height:34px;height:34px;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-bg)}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-sm,.form-input-sm[type=text],.form-input-sm[type=number],.form-input-sm[type=date],.form-input-sm select{width:auto;min-width:100px;padding:5px 8px;font-size:.857rem;min-height:32px;height:32px}select.form-input-sm{width:auto;min-width:120px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.857rem;font-weight:500;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .15s;line-height:1;white-space:nowrap}.btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green-500);border-color:var(--green-600);color:#fff}.btn-primary:hover{background:var(--green-600)}.btn-danger{color:var(--red-500);border-color:#f871714d}.btn-danger:hover{background:var(--red-bg)}.btn-warning{color:var(--amber-500);border-color:#f59e0b4d}.btn-warning:hover{background:var(--amber-bg)}.btn-sm{padding:5px 10px;font-size:.786rem}.btn-full{width:100%}.btn-icon{padding:6px 8px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:stretch;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:0;overflow:hidden}.topbar-left img{object-fit:contain;height:60px;width:auto}.topbar-right{display:flex;align-items:center;gap:12px;font-size:.857rem;color:var(--text-secondary);padding:0 20px;margin-left:auto}.topbar h2{font-size:1.15rem;font-weight:600;letter-spacing:-.3px}.topbar .tag{font-size:.714rem;padding:2px 8px;border-radius:20px;background:var(--green-bg);color:var(--green-700);border:1px solid var(--green-border);font-weight:500}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:220px;border-right:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;padding:16px;flex-shrink:0;overflow-y:auto}.sidebar h3{font-size:.714rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px}.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);font-size:.857rem;color:var(--text-secondary);text-decoration:none;transition:all .12s}.sidebar-nav a:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav a.active{background:var(--green-bg);color:var(--green-700);font-weight:600}.content-area{flex:1;padding:20px;overflow-y:auto;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:1.38rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:1rem;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.stat-label{font-size:.714rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:1.8rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary)}.stat-value.green{color:var(--green-700)}.stat-value.amber{color:var(--amber-500)}.stat-value.red{color:var(--red-500)}.data-table{width:100%;border-collapse:collapse;font-size:.857rem}.data-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:6px 10px;border-bottom:2px solid var(--border);text-transform:uppercase;font-size:.714rem;letter-spacing:.3px}.data-table td{padding:10px;border-bottom:1px solid var(--border-light);vertical-align:middle}.data-table tr:hover td{background:var(--bg-secondary)}.data-table .badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.714rem;font-weight:600;text-transform:uppercase}.badge-approved{background:var(--green-bg);color:var(--green-700);border:1px solid var(--green-border)}.badge-pending{background:var(--amber-bg);color:var(--amber-500);border:1px solid rgba(245,158,11,.3)}.badge-rejected{background:var(--red-bg);color:var(--red-500);border:1px solid rgba(248,113,113,.3)}.badge-operator{background:var(--bg-secondary);color:var(--text-secondary)}.badge-supervisor{background:#60a5fa1a;color:#3b82f6}.badge-admin{background:var(--green-bg);color:var(--green-700)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--green-500)}.status-dot.maintenance{background:var(--amber-500)}.status-dot.retired{background:var(--text-muted)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;box-shadow:0 8px 30px #0000001f}.modal h3{font-size:1.071rem;font-weight:600;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.eres-box{border:1px solid var(--eres-border);border-radius:var(--radius);background:#fde68a1a;padding:12px;margin-top:12px}.eres-box .eres-header{font-size:.786rem;font-weight:600;color:var(--amber-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:.857rem;margin-bottom:12px}.alert-error{background:var(--red-bg);border:1px solid rgba(248,113,113,.3);color:var(--red-500)}.alert-success{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-700)}.alert-warning{background:var(--amber-bg);border:1px solid rgba(245,158,11,.3);color:var(--amber-500)}.pagination{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:16px}.pagination button{padding:5px 10px;font-size:.786rem}.pagination .page-info{font-size:.786rem;color:var(--text-muted);padding:0 8px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state p{font-size:.857rem}.ts{font-size:.786rem;color:var(--text-muted)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg-secondary)}.login-box{width:100%;max-width:360px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:baseline;gap:0;margin-bottom:4px}.login-logo-trace{font-family:var(--font);font-weight:800;font-size:1.48rem;color:var(--text-primary);letter-spacing:-.03em}.login-logo-point{font-family:var(--font);font-weight:300;font-size:1.48rem;color:var(--text-primary);letter-spacing:-.03em}.login-logo-mes{font-family:var(--font);font-weight:800;font-size:1.48rem;color:var(--green-500);letter-spacing:-.03em}.login-box .subtitle{font-size:.857rem;color:var(--text-muted);margin-bottom:24px}.sig-captured{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius);font-size:.857rem}.sig-captured .sig-name{font-weight:600;color:var(--green-700)}.sig-captured .sig-time{color:var(--text-muted);margin-left:auto}.audit-row{font-size:.857rem}.audit-row td{vertical-align:top}.audit-action{font-weight:600;font-size:.786rem;text-transform:uppercase}.audit-action.CREATE{color:var(--green-700)}.audit-action.MODIFY{color:var(--blue-500)}.audit-action.DELETE{color:var(--red-500)}.audit-action.APPROVE{color:var(--green-700)}.audit-action.REJECT{color:var(--red-500)}.audit-action.LOGIN,.audit-action.LOGOUT{color:var(--text-muted)}.hamburger-btn{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border)}.sidebar-close{display:none;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer}.sidebar-header{display:none}.user-info{display:flex;align-items:center;gap:12px;justify-content:flex-end}.user-name{font-size:.857rem}@media(max-width:768px){.hamburger-btn{display:flex!important}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:260px;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #00000026}.sidebar.sidebar-open{display:flex;transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-close{display:flex!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.content-area{padding:12px;overflow-x:hidden}.data-table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}.data-table th,.data-table td{white-space:nowrap}.stats-row{grid-template-columns:repeat(2,1fr)}.topbar{padding:8px 12px}.topbar-left img{height:36px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.topbar-left{gap:8px}.user-info{display:flex;align-items:center;gap:8px;justify-content:flex-end}.user-name{font-size:.75rem}}.theme-switcher-wrap{position:relative}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:var(--radius)}.theme-toggle-btn:hover{background:var(--bg-secondary)}.theme-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;min-width:140px;box-shadow:var(--shadow);z-index:300;display:flex;flex-direction:column;gap:2px}.theme-option{display:flex;align-items:center;gap:10px;padding:7px 10px;border:none;background:none;cursor:pointer;border-radius:var(--radius);font-size:.857rem;color:var(--text-primary);text-align:left}.theme-option:hover{background:var(--bg-secondary)}.theme-option.active{background:var(--green-bg);font-weight:600}.theme-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid;flex-shrink:0}[data-theme=dark] .theme-swatch,[data-theme=midnight] .theme-swatch{box-shadow:0 0 0 1px #fff3}@media(max-width:480px){.user-info{flex-direction:column;align-items:flex-end;gap:2px}}[data-theme=sand]{--bg-primary: #F7F3ED;--bg-secondary: #EDE8E0;--bg-card: #FFFDF8;--bg-input: #EDE8E0;--border: #D9D0C3;--border-light: #EDE8E0;--text-primary: #3D3529;--text-secondary: #7A6F5F;--text-muted: #A89E8E;--green-500: #7A9E6A;--green-600: #6A8E5A;--green-700: #5A7E4A;--green-bg: rgba(122, 158, 106, .1);--green-border: rgba(122, 158, 106, .3);--red-500: #C04040;--red-bg: rgba(192, 64, 64, .08);--yellow-500: #D4A030;--blue-500: #4070C0;--amber-500: #C08020;--amber-bg: rgba(192, 128, 32, .08);--eres-yellow: #F0D080;--eres-border: #C08020}[data-theme=rose]{--bg-primary: #FDF6F6;--bg-secondary: #F5EAEA;--bg-card: #FFFAFA;--bg-input: #F5EAEA;--border: #E5D4D4;--border-light: #EDE8E8;--text-primary: #3D2929;--text-secondary: #7A5F5F;--text-muted: #A88E8E;--green-500: #6A9E7A;--green-600: #5A8E6A;--green-700: #4A7E5A;--green-bg: rgba(106, 158, 122, .1);--green-border: rgba(106, 158, 122, .3);--red-500: #C04040;--red-bg: rgba(192, 64, 64, .08);--yellow-500: #D4A030;--blue-500: #6070C0;--amber-500: #C08040;--amber-bg: rgba(192, 128, 64, .08);--eres-yellow: #F0D080;--eres-border: #C08040}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #222222;--bg-card: #2A2A2A;--bg-input: #333333;--border: #3A3A3A;--border-light: #333333;--text-primary: #E8E8E8;--text-secondary: #999999;--text-muted: #666666;--green-500: #4ECF8E;--green-600: #3EBF7E;--green-700: #2EAF6E;--green-bg: rgba(62, 207, 142, .12);--green-border: rgba(62, 207, 142, .3);--red-500: #EF5350;--red-bg: rgba(239, 83, 80, .12);--yellow-500: #FFB300;--blue-500: #60A5FA;--amber-500: #FFA000;--amber-bg: rgba(255, 160, 0, .12);--eres-yellow: #F0D080;--eres-border: #FFA000}[data-theme=midnight]{--bg-primary: #0F1923;--bg-secondary: #152232;--bg-card: #1A2B3D;--bg-input: #1F3347;--border: #2A4058;--border-light: #1F3347;--text-primary: #D4DEE8;--text-secondary: #8899AA;--text-muted: #556677;--green-500: #3ECF8E;--green-600: #2EBF7E;--green-700: #1EAF6E;--green-bg: rgba(62, 207, 142, .12);--green-border: rgba(62, 207, 142, .3);--red-500: #EF5350;--red-bg: rgba(239, 83, 80, .12);--yellow-500: #FFB300;--blue-500: #60A5FA;--amber-500: #FFA000;--amber-bg: rgba(255, 160, 0, .12);--eres-yellow: #F0D080;--eres-border: #FFA000}