body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--paper-bg:#f4f1e8;--paper-light:#faf8f3;--paper-dark:#e8e4d8;--ink-primary:#2c3e50;--ink-secondary:#5d7399;--ink-light:#7a92b3;--ink-dark:#1a252f;--accent-gold:#c9a96e;--accent-brown:#8b7355;--accent-red:#a85858;--accent-green:#6b8e6b;--border-color:#d4c5b0;--line-color:#ddd5c5;--shadow-soft:0 2px 8px #00000014;--shadow-medium:0 4px 16px #0000001f;--shadow-strong:0 8px 24px #00000029;--font-serif:"Crimson Text","Georgia","Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-handwritten:"Patrick Hand","Caveat",cursive;--font-mono:"Courier New","Courier",monospace;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}body{background-color:#f4f1e8;background-color:var(--paper-bg);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.03"><rect fill="%23000" x="0" y="0" width="50" height="50"/><rect fill="%23fff" x="50" y="50" width="50" height="50"/></svg>');color:#2c3e50;color:var(--ink-primary);font-size:1rem;font-size:var(--fs-base);line-height:1.6}body,h1,h2,h3,h4,h5,h6{font-family:Crimson Text,Georgia,Times New Roman,serif;font-family:var(--font-serif)}h1,h2,h3,h4,h5,h6{color:#1a252f;color:var(--ink-dark);font-weight:600;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:2.25rem;font-size:var(--fs-4xl)}h2{font-size:1.875rem;font-size:var(--fs-3xl)}h3{font-size:1.5rem;font-size:var(--fs-2xl)}h4{font-size:1.25rem;font-size:var(--fs-xl)}h5{font-size:1.125rem;font-size:var(--fs-lg)}h6{font-size:1rem;font-size:var(--fs-base)}p{margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#5d7399;color:var(--ink-secondary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#2c3e50;color:var(--ink-primary);text-decoration:underline}.handwritten{color:#5d7399;color:var(--ink-secondary);font-family:Patrick Hand,Caveat,cursive;font-family:var(--font-handwritten);font-size:1.1em;letter-spacing:.5px}.paper{background-color:#faf8f3;background-color:var(--paper-light);border:1px solid #d4c5b0;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-soft);padding:1.5rem;padding:var(--space-lg);position:relative}.paper,.paper:before{border-radius:4px;border-radius:var(--radius-md)}.paper:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 35px,#ddd5c5 0,#ddd5c5 36px);background-image:repeating-linear-gradient(0deg,#0000,#0000 35px,var(--line-color) 35px,var(--line-color) 36px);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.paper-notebook{background-color:#faf8f3;background-color:var(--paper-light);border:1px solid #d4c5b0;border-left:3px solid #8b7355;border:1px solid var(--border-color);border-left:3px solid var(--accent-brown);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-soft);padding:1.5rem;padding:var(--space-lg);padding-left:3rem;padding-left:var(--space-2xl);position:relative}.paper-notebook:before{background-color:#8b7355;background-color:var(--accent-brown);bottom:0;content:"";left:40px;opacity:.3;position:absolute;top:0;width:2px}.paper-notebook:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 31px,#ddd5c5 0,#ddd5c5 32px);background-image:repeating-linear-gradient(0deg,#0000,#0000 31px,var(--line-color) 31px,var(--line-color) 32px);bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.btn{background-color:#faf8f3;background-color:var(--paper-light);border:1px solid #d4c5b0;border:1px solid var(--border-color);border-radius:2px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;color:#2c3e50;color:var(--ink-primary);cursor:pointer;display:inline-block;font-family:Crimson Text,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:1rem;font-size:var(--fs-base);font-weight:500;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-align:center;text-decoration:none;transition:all .25s ease;transition:all var(--transition-base)}.btn:hover{background-color:#e8e4d8;background-color:var(--paper-dark);border-color:#7a92b3;border-color:var(--ink-light);box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-primary{background-color:#5d7399;background-color:var(--ink-secondary);border-color:#5d7399;border-color:var(--ink-secondary);color:#faf8f3;color:var(--paper-light)}.btn-primary:hover{background-color:#2c3e50;background-color:var(--ink-primary);border-color:#2c3e50;border-color:var(--ink-primary)}.btn-success{background-color:#6b8e6b;background-color:var(--accent-green);border-color:#6b8e6b;border-color:var(--accent-green);color:#fff}.btn-danger{background-color:#a85858;background-color:var(--accent-red);border-color:#a85858;border-color:var(--accent-red);color:#fff}.btn-sm{font-size:.875rem;font-size:var(--fs-sm);padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:1.125rem;font-size:var(--fs-lg);padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}label{color:#1a252f;color:var(--ink-dark);display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--fs-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}input,select,textarea{background-color:#fff;border:1px solid #d4c5b0;border:1px solid var(--border-color);border-radius:2px;border-radius:var(--radius-sm);color:#2c3e50;color:var(--ink-primary);font-family:Crimson Text,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:1rem;font-size:var(--fs-base);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#5d7399;border-color:var(--ink-secondary);box-shadow:0 0 0 3px #5d73991a;outline:none}input[readonly],select[disabled],textarea[readonly]{background-color:#e8e4d8;background-color:var(--paper-dark);cursor:not-allowed}.card{background-color:#faf8f3;background-color:var(--paper-light);border:1px solid #d4c5b0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-soft);overflow:hidden;transition:box-shadow .25s ease;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-medium)}.card-header{background-color:#e8e4d8;background-color:var(--paper-dark);border-bottom:1px solid #d4c5b0;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--space-lg)}.card-footer{background-color:#e8e4d8;background-color:var(--paper-dark);border-top:1px solid #d4c5b0;border-top:1px solid var(--border-color)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mt-1{margin-top:.5rem;margin-top:var(--space-sm)}.mt-2{margin-top:1rem;margin-top:var(--space-md)}.mt-3{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-4{margin-top:2rem;margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--space-xl)}.p-0{padding:0}.p-1{padding:.5rem;padding:var(--space-sm)}.p-2{padding:1rem;padding:var(--space-md)}.p-3{padding:1.5rem;padding:var(--space-lg)}.p-4{padding:2rem;padding:var(--space-xl)}@media (max-width:1023px){:root{--fs-base:0.9375rem}}@media (max-width:767px){:root{--fs-base:0.875rem}.container{padding:0 1rem;padding:0 var(--space-md)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.login-logo img{height:80px;max-width:100%;object-fit:contain;width:auto}.login-box h1{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.login-box h2{color:#666;font-size:20px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background:#fee;border-radius:5px;color:#c33;font-size:14px;margin-bottom:15px;padding:10px}button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s;width:100%}button[type=submit]:hover:not(:disabled){transform:translateY(-2px)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:45px}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.6;padding:5px;position:absolute;right:10px;transition:opacity .2s}.password-toggle:hover:not(:disabled){opacity:1}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.recent-mills-sidebar{background-color:var(--paper-light);border:2px solid #5d7399;border-radius:8px;box-shadow:0 4px 12px #5d73991f;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.recent-mills-header{align-items:center;border-bottom:2px solid #7a92b3;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.recent-mills-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;gap:.5rem;margin:0}.recent-mills-header h2 svg{color:#5d7399}.btn-clear-history{align-items:center;background-color:initial;border:1px solid #7a92b3;border-radius:4px;color:#5d7399;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:.85rem;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.btn-clear-history:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.recent-mills-loading{color:#5d7399;font-size:.95rem;padding:2rem;text-align:center}.recent-mills-error{background-color:#e74c3c1a;border:2px solid #e74c3c;border-radius:6px;color:#c0392b;font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}.recent-mills-list{display:flex;flex-direction:column;gap:.5rem}.recent-mills-empty{color:#7a92b3;padding:3rem 1rem;text-align:center}.recent-mills-empty .empty-icon{color:#7a92b3;font-size:3rem;margin-bottom:1rem;opacity:.5}.recent-mills-empty p{color:#5d7399;font-size:.95rem;margin:0}.recent-mill-item{background-color:var(--paper-bg);border:2px solid #7a92b3;border-left:3px solid #5d7399;border-radius:6px;box-shadow:0 2px 4px #5d739914;cursor:pointer;padding:.65rem .85rem;position:relative;transition:all .2s ease}.recent-mill-item:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 23px,#7a92b31a 0,#7a92b31a 24px);border-radius:6px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.recent-mill-item:hover{border-color:#5d7399 #5d7399 #5d7399 #2c3e50;box-shadow:0 4px 12px #5d73992e;transform:translateX(4px)}.recent-mill-name{color:#2c3e50;font-size:.9rem;font-weight:700;line-height:1.2;margin-bottom:.4rem;position:relative;z-index:1}.recent-mill-meta{align-items:center;display:flex;font-size:.8rem;gap:.6rem;position:relative;z-index:1}.recent-mill-code{background-color:#5d7399;border-radius:3px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .45rem;white-space:nowrap}.recent-mill-location{color:#5d7399;font-size:.8rem;font-weight:500}@media (max-width:1200px){.recent-mills-sidebar{top:90px}}@media (max-width:768px){.recent-mills-sidebar{margin-bottom:1.5rem;max-height:none;position:static}.recent-mills-header h2{font-size:1.1rem}.recent-mill-item{padding:.85rem}.recent-mill-name{font-size:.95rem}.recent-mill-meta{font-size:.8rem}}@media (max-width:480px){.recent-mills-sidebar{padding:1rem}.recent-mills-empty{padding:2rem .5rem}.recent-mills-empty .empty-icon{font-size:2.5rem}}.globe-map-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:1.5rem;overflow:visible;padding:1rem;position:relative;transition:all .3s ease}.globe-map-container.expanded{align-items:center;animation:expandFade .3s ease;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border-radius:0;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;margin:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}@keyframes expandFade{0%{opacity:0}to{opacity:1}}.globe-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.globe-map-container.expanded .globe-header{left:2rem;margin-bottom:0;position:absolute;right:2rem;top:1.5rem}.globe-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.globe-header h3,.globe-header-actions{align-items:center;display:flex;gap:.5rem}.expand-btn{align-items:center;background:#5d7399e6;border:2px solid #ffffff4d;color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;min-width:40px;padding:.4rem .8rem}.expand-btn:hover{background:#5d7399;border-color:#ffffff80;box-shadow:0 2px 8px #5d739980}.clear-btn{background:#ffffffe6;border:2px solid #ffffff4d;color:var(--ink-dark);font-size:.85rem;font-weight:600;padding:.4rem 1rem}.clear-btn:hover{background:#fff;border-color:#5d7399;box-shadow:0 2px 8px #5d73994d}.globe-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.region-selector{position:relative;width:100%;z-index:10000}.region-select{background:#fffffff2;border:2px solid #fff3;border-radius:var(--radius-sm);color:var(--ink-primary);cursor:pointer;font-family:var(--font-serif);font-size:.9rem;font-weight:500;padding:.6rem .8rem;transition:all .2s;width:100%}.region-select:hover{background:#fff;border-color:#5d7399;box-shadow:0 2px 8px #5d739933}.region-select:focus{border-color:#5d7399;box-shadow:0 0 0 3px #5d739933;outline:none}.globe-actions{display:flex;flex-wrap:wrap;gap:.5rem}.globe-btn{align-items:center;background:#ffffffe6;border:2px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--ink-dark);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.globe-btn:hover{background:#fff;border-color:#5d7399;box-shadow:0 2px 8px #5d73994d;transform:translateY(-1px)}.globe-btn:active{transform:translateY(0)}.selection-active{animation:pulse-border 1.5s infinite;background:linear-gradient(135deg,#5d7399,#4a5f7f);border-color:#ffffff80;color:#fff}@keyframes pulse-border{0%,to{border-color:#ffffff80}50%{border-color:#fff}}.selection-active:hover{background:linear-gradient(135deg,#4a5f7f,#3d4e66);box-shadow:0 2px 8px #5d739980}.reset-btn{background:#ef5350e6;border-color:#ffffff4d;color:#fff}.reset-btn:hover{background:#ef5350;box-shadow:0 2px 8px #ef535066}.globe-instruction{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-sm);color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between;margin:0 0 .75rem;padding:.6rem .8rem;text-shadow:0 1px 2px #0000004d}.globe-map-container.expanded .globe-instruction{left:2rem;margin:0;max-width:600px;position:absolute;right:2rem;top:5rem}.mills-count-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#5d7399,#4a5f7f);border-radius:20px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .8rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.globe-wrapper{align-items:center;background:radial-gradient(circle at center,#0f0f1e 0,#000 100%);border:2px solid #fff3;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0006,inset 0 0 30px #5d73991a;display:flex;justify-content:center;margin-bottom:1rem;min-height:320px;overflow:hidden;position:relative;z-index:1}.globe-wrapper canvas{cursor:grab}.globe-wrapper canvas:active{cursor:grabbing}.selected-area-info{animation:slideIn .3s ease;background:linear-gradient(135deg,#5d7399f2,#4a5f7ff2);border:2px solid #ffffff4d;border-radius:var(--radius-sm);margin-top:.75rem;padding:.8rem}.globe-map-container.expanded .selected-area-info{bottom:2rem;left:2rem;margin:0;max-width:600px;position:absolute;right:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.info-header span{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.clear-selection-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .6rem;transition:all .2s}.clear-selection-btn:hover{background:#ffffff4d;transform:scale(1.05)}.info-text{color:#ffffffe6;margin:0}.globe-loading{color:#fff;font-size:1rem;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:768px){.globe-map-container{padding:.75rem}.globe-wrapper{min-height:280px}.globe-instruction{align-items:flex-start;flex-direction:column;gap:.5rem}.globe-actions{width:100%}.globe-btn{flex:1 1;justify-content:center}}.scene-tooltip{background:#000000e6!important;border:2px solid #5d7399!important;border-radius:var(--radius-sm)!important;font-family:var(--font-serif)!important;padding:8px!important}.search-input-wrapper{position:relative;width:100%}.region-search-input{background:#fffffff2;border:2px solid #fff3;border-radius:var(--radius-sm);color:var(--ink-primary);cursor:pointer;font-family:var(--font-serif);font-size:.9rem;font-weight:500;padding:.6rem 4rem .6rem .8rem;transition:all .2s;width:100%}.region-search-input:hover{background:#fff;border-color:#5d7399;box-shadow:0 2px 8px #5d739933}.region-search-input:focus{background:#fff;border-color:#5d7399;box-shadow:0 0 0 3px #5d739933;outline:none}.dropdown-arrow{color:#5d7399;cursor:pointer;font-size:.7rem;padding:.3rem .5rem;position:absolute;right:35px;top:50%;transform:translateY(-50%);transition:all .2s;-webkit-user-select:none;user-select:none}.dropdown-arrow:hover{color:#4a5f7f;transform:translateY(-50%) scale(1.2)}.clear-selection-mini{align-items:center;background:#ef5350e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s;width:22px;z-index:2}.clear-selection-mini:hover{background:#ef5350;transform:translateY(-50%) scale(1.1)}.dropdown-backdrop{animation:backdropFade .2s ease;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.region-dropdown{animation:dropdownSlide .2s ease;background:#fff;border:3px solid #5d7399;border-radius:var(--radius-sm);box-shadow:0 12px 40px #0006;left:0;max-height:450px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{border-bottom:1px solid #e9ecef}.dropdown-section:last-child{border-bottom:none}.dropdown-section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;color:#5d7399;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.6rem .8rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dropdown-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:.65rem .8rem;transition:all .15s}.dropdown-item:hover{background:linear-gradient(135deg,#f0f4f8,#e3ecf5);padding-left:1rem}.region-item{color:#5d7399;font-weight:600}.country-item{color:var(--ink-primary)}.location-name{flex:1 1;font-size:.9rem}.mill-count{background:#e9ecef;border-radius:12px;color:var(--ink-secondary);font-size:.75rem;font-weight:600;padding:.2rem .5rem}.dropdown-no-results{color:var(--ink-secondary);font-size:.9rem;font-style:italic;padding:1.5rem;text-align:center}.region-dropdown::-webkit-scrollbar{width:8px}.region-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.region-dropdown::-webkit-scrollbar-thumb{background:#5d7399;border-radius:4px}.region-dropdown::-webkit-scrollbar-thumb:hover{background:#4a5f7f}.app-header{background-color:var(--paper-light);border-bottom:3px solid #5d7399;box-shadow:0 2px 8px #5d739926;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header .header-quote-banner{background:linear-gradient(135deg,#5d7399,#7a92b3);border-bottom:1px solid #ffffff1a;padding:.75rem 2rem;text-align:center}.app-header .quote-text{color:#fff;font-family:var(--font-serif);font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.app-header .quote-text strong{font-style:normal;font-weight:700}.app-header .quote-attribution{color:#ffffffbf;font-size:.8rem;font-style:italic;font-weight:400}.app-header .header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1800px;padding:1rem 2rem}.app-header .header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem}.app-header .app-logo{height:60px;object-fit:contain;width:auto}.app-header h1{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:.75rem;margin:0}.app-header h1 svg{color:#5d7399}.app-header .header-right{align-items:center;display:flex;gap:1rem}.back-btn-inline{align-items:center;background:none;border:none;border-radius:4px;color:#5d7399;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.4rem .8rem;transition:all .2s}.back-btn-inline:hover{background-color:#5d73991a;color:#2c3e50}.header-separator{color:#7a92b3;font-weight:300;margin:0 .75rem}@media (max-width:768px){.app-header .header-quote-banner{padding:.65rem 1.5rem}.app-header .quote-text{font-size:.85rem;line-height:1.4}.app-header .quote-attribution{font-size:.72rem}.app-header .header-content{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.app-header .app-logo{height:45px}.app-header h1{font-size:1.4rem}.app-header .header-left{justify-content:center}.app-header .header-right{justify-content:space-between}}@media (max-width:480px){.app-header .header-quote-banner{padding:.5rem 1rem}.app-header .quote-text{font-size:.8rem;line-height:1.3}.app-header .quote-attribution{display:block;font-size:.68rem;margin-top:.25rem}.app-header .header-content{padding:1rem}.app-header .app-logo{height:40px}.app-header h1{font-size:1.2rem}.app-header .header-left{flex-direction:column;gap:.75rem}}.app-footer{background-color:#2c3e50;border-top:3px solid #5d7399;color:#ecf0f1;margin-top:auto;padding:2rem 2rem 1.5rem}.app-footer .footer-content{margin:0 auto;max-width:1200px;text-align:center}.app-footer .footer-quote{color:#ecf0f1;font-family:var(--font-serif);font-size:1.05rem;font-style:italic;line-height:1.7;margin:0 0 .75rem}.app-footer .footer-attribution{color:#bdc3c7;font-size:.95rem;font-weight:600;margin:0}@media (max-width:768px){.app-footer{padding:1.5rem 1.5rem 1.25rem}.app-footer .footer-quote{font-size:.95rem;line-height:1.6}.app-footer .footer-attribution{font-size:.85rem}}@media (max-width:480px){.app-footer{padding:1.25rem 1rem 1rem}.app-footer .footer-quote{font-size:.875rem;line-height:1.5}.app-footer .footer-attribution{font-size:.8rem}}.mill-selection-container{background-color:var(--paper-bg);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.03"><rect fill="%23000" x="0" y="0" width="50" height="50"/><rect fill="%23fff" x="50" y="50" width="50" height="50"/></svg>');display:flex;flex-direction:column;min-height:100vh}.mill-selection-header{background-color:var(--paper-light);border-bottom:3px solid #5d7399;box-shadow:0 2px 8px #5d739926;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mill-selection-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px}.mill-selection-header h1{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:.75rem;margin:0}.mill-selection-header h1 svg{color:#5d7399}.mill-selection-header .header-right{align-items:center;display:flex;gap:1rem}.mill-selection-header .user-name{color:#5d7399;font-weight:600}.logout-btn{background-color:#5d7399!important;border-color:#5d7399!important;color:#fff!important;font-weight:600!important;padding:.5rem 1.25rem!important}.logout-btn:hover{background-color:#2c3e50!important;border-color:#2c3e50!important}.mill-selection-main{flex:1 1;padding:0}.main-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:280px 1fr 320px;margin:0 auto;max-width:1800px;min-height:calc(100vh - 120px);padding:2rem}.filters-sidebar{background-color:var(--paper-light);border:2px solid #5d7399;border-radius:8px;box-shadow:0 4px 12px #5d73991f;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.filters-header{align-items:center;border-bottom:2px solid #7a92b3;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;gap:.5rem;margin:0}.filters-header h2 svg{color:#5d7399}.btn-clear-filters{align-items:center;background-color:initial;border:1px solid #7a92b3;border-radius:4px;color:#5d7399;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:.85rem;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.btn-clear-filters:hover{background-color:#5d7399;border-color:#5d7399;color:#fff}.filter-section{margin-bottom:1.5rem}.filter-label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.filter-input{background-color:#fdfcfa;border:2px solid #7a92b3;border-radius:4px;color:#2c3e50;font-family:var(--font-serif);font-size:.95rem;margin-bottom:.5rem;padding:.65rem;transition:border-color .2s,box-shadow .2s;width:100%}.filter-input:focus{background-color:#fff;border-color:#5d7399;box-shadow:0 0 0 3px #5d73991a;outline:none}.filter-input::placeholder{color:#7a92b3;opacity:.7}.mills-content{display:flex;flex-direction:column;gap:1rem}.results-header{align-items:center;background-color:var(--paper-light);border:2px solid #5d7399;border-radius:8px;box-shadow:0 2px 8px #5d73991a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.results-info{align-items:baseline;display:flex;gap:1rem}.results-info h2{color:#2c3e50;font-size:1.3rem;margin:0}.results-count{color:#5d7399;font-size:.95rem}.results-controls{align-items:center;display:flex;gap:.75rem}.results-controls label{color:#2c3e50;font-size:.9rem;font-weight:600}.items-per-page-select{background-color:var(--paper-light);border:2px solid #7a92b3;border-radius:6px;color:#2c3e50;cursor:pointer;font-family:var(--font-serif);font-size:.95rem;padding:.5rem 1rem;transition:border-color .2s}.items-per-page-select:hover{border-color:#5d7399}.items-per-page-select:focus{border-color:#5d7399;box-shadow:0 0 0 3px #5d73991a;outline:none}.mills-list-container{flex:1 1}.mills-list{display:flex;flex-direction:column;gap:1rem}.mill-row{grid-gap:1.5rem;align-items:center;background-color:var(--paper-light);border:2px solid #7a92b3;border-left:4px solid #5d7399;border-radius:8px;box-shadow:0 2px 6px #5d739914;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:1fr auto;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.mill-row:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 31px,#7a92b326 0,#7a92b326 32px);border-radius:8px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.mill-row:hover{border-color:#5d7399 #5d7399 #5d7399 #2c3e50;box-shadow:0 6px 16px #5d739933;transform:translateX(6px)}.mill-info-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2.5fr .8fr 2fr 1.2fr .8fr .8fr;position:relative;width:100%;z-index:1}.mill-col-code,.mill-col-fl,.mill-col-location,.mill-col-name,.mill-col-pm,.mill-col-tpy{align-items:center;display:flex;min-width:0}.mill-name-bold{color:#2c3e50;font-size:1.05rem;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-code-inline{background-color:#5d7399;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.separator{color:#7a92b3;font-size:.9rem;font-weight:400}.mill-location-inline{color:#5d7399;font-size:.9rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mill-stat-inline{color:#2c3e50;font-size:.9rem;font-weight:500;white-space:nowrap}.mill-action{align-items:center;display:flex;position:relative;z-index:1}.btn-select-condensed{align-items:center;background-color:#5d7399;border:2px solid #5d7399;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-select-condensed:hover{background-color:#2c3e50;border-color:#2c3e50;transform:translateX(2px)}.no-mills{background-color:var(--paper-light);border:2px solid #7a92b3;border-radius:8px;padding:4rem 2rem;text-align:center}.no-mills p{color:#5d7399;font-size:1.1rem;margin-bottom:1.5rem}.pagination-controls{align-items:center;background-color:var(--paper-light);border:2px solid #7a92b3;border-radius:8px;box-shadow:0 2px 6px #5d739914;display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding:1.5rem}.pagination-buttons{align-items:center;display:flex;gap:.5rem}.pagination-btn{align-items:center;background-color:var(--paper-light);border:2px solid #7a92b3;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:.95rem;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#5d7399;border-color:#5d7399;box-shadow:0 4px 8px #5d739933;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background-color:#2c3e50;border-color:#2c3e50;color:#fff;font-weight:600}.page-numbers{align-items:center;display:flex;gap:.25rem}.pagination-ellipsis{color:#7a92b3;font-weight:700;padding:0 .5rem}.page-indicator{color:#5d7399;font-size:1rem;white-space:nowrap}.page-indicator strong{color:#2c3e50;font-weight:600}.loading{color:#5d7399;font-size:1.2rem;padding:4rem}.error-message{border-radius:6px;grid-column:1/-1;margin-bottom:1.5rem;text-align:center}@media (max-width:1400px){.main-layout{gap:1.25rem;grid-template-columns:260px 1fr 300px;padding:1.5rem}}@media (max-width:1200px){.main-layout{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.filters-sidebar{top:90px}.mill-row{grid-template-columns:1fr auto}.mill-info-grid{gap:.75rem;grid-template-columns:1.5fr .6fr 1.5fr .9fr .6fr .6fr}}@media (max-width:768px){.mill-selection-header{padding:1rem 1.5rem}.mill-selection-header h1{font-size:1.4rem}.mill-selection-header .header-content{align-items:stretch;flex-direction:column;gap:1rem}.mill-selection-header .header-right{justify-content:space-between}.main-layout{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.filters-sidebar{max-height:none;position:static}.results-header{align-items:stretch;flex-direction:column;gap:1rem}.results-info{flex-direction:column;gap:.5rem}.results-controls{justify-content:space-between}.mill-row{grid-template-columns:1fr;padding:.75rem 1rem}.mill-info-grid{font-size:.9rem;gap:.5rem;grid-template-columns:1fr}.mill-col-code,.mill-col-fl,.mill-col-location,.mill-col-name,.mill-col-pm,.mill-col-tpy{justify-content:flex-start}.mill-action{justify-content:flex-end;margin-top:.5rem}.pagination-controls{flex-direction:column;gap:1rem;padding:1rem}.page-numbers,.pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.mill-selection-header{padding:1rem}.main-layout{padding:.75rem}.filters-sidebar,.mill-row{padding:1rem}.btn-select-condensed{justify-content:center;padding:.6rem 1rem;width:100%}.pagination-btn{font-size:.85rem;min-width:36px;padding:.4rem .6rem}.page-indicator{font-size:.9rem}}.right-sidebar{display:flex;flex-direction:column;gap:1.5rem;max-width:350px;min-width:320px}.mill-details-container{background-color:var(--paper-bg);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.03"><rect fill="%23000" x="0" y="0" width="50" height="50"/><rect fill="%23fff" x="50" y="50" width="50" height="50"/></svg>');display:flex;flex-direction:column;min-height:100vh}.mill-details-header{background-color:var(--paper-light);border-bottom:3px solid #5d7399;box-shadow:0 2px 8px #5d739926;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mill-details-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px}.mill-details-header .header-left{align-items:center;display:flex;gap:1.5rem}.mill-details-header h1{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:.75rem;margin:0}.mill-details-header h1 svg{color:#5d7399}.back-btn{align-items:center;background-color:var(--paper-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--ink-secondary);cursor:pointer;display:flex;font-family:var(--font-serif);font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-base)}.back-btn:hover{background-color:#5d7399;border-color:#5d7399;color:#fff}.mill-details-header .header-right{align-items:center;display:flex;gap:1rem}.continue-btn{background-color:#4a90e2;border-color:#4a90e2;color:#fff;font-weight:600}.continue-btn:hover{background-color:#357abd;border-color:#357abd}.mill-details-main{flex:1 1;margin:0 auto;max-width:1600px;padding:1rem 1.5rem;width:100%}.mill-summary-section{margin-bottom:1rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-header h2{color:var(--ink-dark);font-size:1.25rem;margin:0}.mill-code{background-color:#5d7399;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:.3rem .75rem}.summary-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{background-color:var(--paper-light);border:2px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);padding:.5rem .75rem;transition:all var(--transition-base)}.summary-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.summary-card .card-icon{color:#5d7399;font-size:1rem;margin-bottom:.3rem}.summary-card .card-content h3{border-bottom:1px solid var(--border-color);color:var(--ink-dark);font-size:.95rem;margin-bottom:.3rem;padding-bottom:.25rem}.info-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding:.15rem 0}.info-row .label{color:var(--ink-secondary);font-size:.8rem;font-weight:600;min-width:100px}.info-row .value{color:var(--ink-primary);flex:1 1;font-size:.8rem;text-align:right}.info-row .value.highlight{color:#5d7399;font-size:1rem;font-weight:700}.grades-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.grade-badge{background-color:#5d7399;border-radius:12px;color:#fff;display:inline-block;font-size:var(--fs-xs);font-weight:500;padding:.25rem .6rem}.no-data{color:var(--ink-light);font-size:var(--fs-sm);font-style:italic}.equipment-filters-card .card-content{display:flex;flex-direction:column;gap:.75rem}.equipment-tabs-compact{display:flex;gap:.5rem;margin-top:.5rem}.tab-btn-compact{align-items:center;background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--ink-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:.3rem;justify-content:center;padding:.4rem .6rem;transition:all var(--transition-base)}.tab-btn-compact svg{font-size:.85rem}.tab-btn-compact:hover{background-color:#f0f4f8;border-color:#5d7399}.tab-btn-compact.active{background-color:#5d7399;border-color:#5d7399;color:#fff}.filter-row{display:flex;flex-direction:column;gap:.3rem}.filter-row label{align-items:center;color:var(--ink-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.3rem}.filter-row label svg{color:#5d7399}.filter-select{background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-serif);font-size:.85rem;padding:.4rem .6rem;transition:all var(--transition-base);width:100%}.filter-select:hover{border-color:#5d7399}.filter-select:focus{border-color:#5d7399;box-shadow:0 0 0 3px #5d73991a;outline:none}.map-container{margin-top:.5rem}.map-container iframe{border:1px solid var(--border-color);border-radius:4px;width:100%}.equipment-section{background-color:var(--paper-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem}.equipment-header{margin-bottom:.75rem}.equipment-header h2{color:var(--ink-dark);font-size:1.3rem;margin:0}.equipment-instruction{color:var(--ink-secondary);font-size:.85rem;font-style:italic;font-weight:400}.equipment-controls{border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.control-group,.equipment-controls{align-items:center;display:flex;gap:1rem}.control-group{flex:1 1;min-width:250px}.control-group label{align-items:center;color:var(--ink-dark);display:flex;font-size:var(--fs-base);font-weight:600;gap:.5rem;white-space:nowrap}.control-group label svg{color:#5d7399}.machine-select,.mill-area-select{background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--ink-primary);cursor:pointer;flex:1 1;font-family:var(--font-serif);font-size:var(--fs-base);padding:.75rem 1rem;transition:all var(--transition-fast)}.machine-select:hover,.mill-area-select:hover{border-color:#5d7399}.machine-select:focus,.mill-area-select:focus{border-color:#5d7399;box-shadow:0 0 0 3px #5d73991a;outline:none}.equipment-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background-color:var(--paper-dark);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-serif);font-size:var(--fs-base);font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-base)}.tab-btn:hover{background-color:var(--paper-light);border-color:#5d7399}.tab-btn.active{background-color:#5d7399;border-color:#5d7399;color:#fff}.tab-btn svg{font-size:1rem}.equipment-list-container{min-height:300px}.equipment-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.equipment-table{background-color:#fff;border-collapse:collapse;font-size:var(--fs-sm);width:100%}.equipment-table thead{background-color:#5d7399;color:#fff}.equipment-table thead th{border-bottom:2px solid #2c3e50;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.equipment-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.equipment-table tbody tr:hover{background-color:var(--paper-light)}.equipment-table tbody tr:last-child{border-bottom:none}.equipment-table tbody td{color:var(--ink-primary);padding:.875rem 1rem}.no-equipment{align-items:center;color:var(--ink-light);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-equipment svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-equipment p{font-size:var(--fs-base);margin:0}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #5d7399;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-state p,.loading-state p{color:var(--ink-secondary);font-size:var(--fs-lg);margin-bottom:1rem}.equipment-actions{display:flex;justify-content:flex-end;margin-bottom:.5rem}.add-equipment-btn{align-items:center;background-color:#4a90e2;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:var(--fs-base);font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-base)}.add-equipment-btn:hover{background-color:#357abd;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-icon{background:none;border:none;border-radius:var(--radius-sm);padding:.5rem;transition:all var(--transition-fast)}.edit-btn{color:#4a90e2}.edit-btn:hover{background-color:#4a90e21a;color:#357abd}.delete-btn{color:var(--accent-red)}.delete-btn:hover{background-color:#a944421a;color:#8b4545}.modal-overlay{padding:1rem}.modal-content{border:2px solid var(--border-color);border-radius:var(--radius-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{background-color:#5d7399;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff}.modal-header h3{font-size:var(--fs-xl);margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.25rem;transition:all var(--transition-fast)}.modal-close-btn:hover{background-color:#fff3}.modal-form{padding:1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--ink-dark);font-size:var(--fs-sm)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--ink-primary);font-family:var(--font-serif);font-size:var(--fs-base);padding:.75rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5d7399;box-shadow:0 0 0 3px #5d73991a}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-secondary{background-color:var(--paper-dark);border:2px solid var(--border-color);color:var(--ink-secondary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-primary{align-items:center;background-color:#4a90e2;border:2px solid #4a90e2;color:#fff;display:flex;gap:.5rem}.btn-primary:hover{background-color:#357abd;border-color:#357abd}@media (max-width:1024px){.summary-grid{grid-template-columns:1fr}.control-group,.equipment-controls{align-items:stretch;flex-direction:column}.equipment-tabs{width:100%}.tab-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.mill-details-main{padding:1rem}.mill-details-header .header-content{flex-direction:column;gap:1rem}.mill-details-header .header-left{align-items:flex-start;flex-direction:column;width:100%}.mill-details-header .header-right{justify-content:space-between;width:100%}.summary-header{align-items:flex-start;flex-direction:column;gap:.5rem}.equipment-section{padding:1rem}.equipment-tabs{flex-direction:column}.equipment-table{font-size:.75rem}.equipment-table tbody td,.equipment-table thead th{padding:.5rem}.form-grid{grid-template-columns:1fr}.modal-content{margin:.5rem}.modal-form,.modal-header{padding:1rem}}.editing-row{background-color:#fffbea!important;box-shadow:inset 0 0 0 2px #5d7399}.inline-edit-input{background-color:#fff;border:1px solid #5d7399;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:.4rem .6rem;width:100%}.inline-edit-input:focus{border-color:#3d5379;box-shadow:0 0 0 2px #5d739933;outline:none}.inline-edit-select{background-color:#fff;border:1px solid #5d7399;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.4rem .6rem;width:100%}.inline-edit-select:focus{border-color:#3d5379;box-shadow:0 0 0 2px #5d739933;outline:none}.save-btn{background-color:#28a745!important;color:#fff!important}.save-btn:hover{background-color:#218838!important}.cancel-btn{background-color:#dc3545!important;color:#fff!important}.cancel-btn:hover{background-color:#c82333!important}.equipment-table tbody td{padding:.5rem;vertical-align:middle}.landing-container{display:flex;flex-direction:column;min-height:100vh}.landing-header{background-color:var(--paper-light);margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-content h1{color:var(--ink-primary);font-size:var(--fs-3xl);margin:0}.header-right{align-items:center;display:flex;gap:var(--space-lg)}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:var(--ink-dark);font-size:var(--fs-base);font-weight:600}.user-role{color:var(--ink-light);font-size:var(--fs-sm);text-transform:capitalize}.change-mill-btn{align-items:center;background-color:#5d7399;border-color:#5d7399;color:#fff;display:flex;gap:.5rem}.change-mill-btn:hover{background-color:#2c3e50;border-color:#2c3e50}.logout-btn{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff}.logout-btn:hover{background-color:#8b4545;border-color:#8b4545}.landing-main{flex:1 1;padding:var(--space-xl) 0}.landing-intro{margin-bottom:var(--space-2xl);text-align:center}.landing-intro h2{color:var(--ink-dark);font-size:var(--fs-3xl);margin-bottom:var(--space-sm)}.landing-intro p{color:var(--ink-light);font-size:var(--fs-lg);margin:0 auto;max-width:600px}.modules-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-2xl)}.module-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-height:240px;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-base)}.module-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.module-icon{font-size:3rem;margin-bottom:var(--space-lg)}.module-card h3{color:var(--ink-dark);font-size:var(--fs-xl);margin-bottom:var(--space-sm)}.module-card p{color:var(--ink-light);flex:1 1;font-size:var(--fs-base);margin-bottom:var(--space-lg)}.module-footer{margin-top:auto}.module-link{color:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.module-card:hover .module-link{color:var(--ink-primary)}.landing-footer{background-color:var(--paper-dark);border-top:1px solid var(--border-color);padding:var(--space-lg);text-align:center}.landing-footer p{color:var(--ink-light);font-size:var(--fs-sm);margin:0}@media (max-width:767px){.header-content{flex-direction:column;gap:var(--space-md);text-align:center}.header-content h1{font-size:var(--fs-2xl)}.header-right{justify-content:space-between;width:100%}.modules-grid{gap:var(--space-lg);grid-template-columns:1fr}.landing-intro h2{font-size:var(--fs-2xl)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background-color:var(--paper-light);border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--ink-primary);font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--ink-light);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.close-button:hover{background-color:#0000001a;color:var(--ink-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.save-form .form-group{margin-bottom:1.5rem}.save-form label{color:var(--ink-primary);display:block;font-weight:600;margin-bottom:.5rem}.save-form input[type=text],.save-form textarea{background-color:var(--paper-bg);border:2px solid var(--border-color);border-radius:4px;color:var(--ink-primary);font-family:var(--font-serif);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.save-form input[type=text]:focus,.save-form textarea:focus{border-color:var(--ink-secondary);outline:none}.save-form textarea{min-height:80px;resize:vertical}.form-group-inline{display:flex;gap:2rem;margin-bottom:1.5rem}.form-group-inline label{align-items:center;color:var(--ink-primary);cursor:pointer;display:flex;gap:.5rem}.form-group-inline input[type=checkbox]{cursor:pointer;height:18px;width:18px}.load-list{min-height:200px}.no-files{color:var(--ink-light);padding:3rem 1rem;text-align:center}.no-files p{margin:.5rem 0}.files-list{display:flex;flex-direction:column;gap:1rem}.file-item{background-color:var(--paper-bg);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;padding:1rem;transition:all .2s}.file-item:hover{border-color:var(--ink-secondary);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.file-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.file-header h3{align-items:center;color:var(--ink-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0}.favorite-star{color:var(--accent-gold);font-size:1.2rem}.template-badge{background-color:var(--ink-secondary);border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.file-actions{display:flex;gap:.5rem}.delete-btn,.favorite-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:all .2s}.favorite-btn:hover{background-color:#c9a96e33}.delete-btn:hover{background-color:#e74c3c33}.file-description{color:var(--ink-light);font-size:.9rem;line-height:1.4;margin:.5rem 0}.file-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.tag{background-color:var(--ink-secondary);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.file-meta{color:var(--ink-light);font-size:.8rem;margin-top:.5rem}.modal-actions{border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.loading{color:var(--ink-light);font-style:italic;padding:2rem;text-align:center}.error-message{background-color:#e74c3c1a;border:2px solid #e74c3c;border-radius:4px;color:#c0392b;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-body,.modal-header{padding:1rem}.form-group-inline{flex-direction:column;gap:1rem}.file-header{flex-direction:column;gap:.5rem}.file-actions{align-self:flex-start}}.save-load-buttons{display:flex;gap:.75rem;z-index:100}.save-load-buttons.top-right{position:fixed;right:1rem;top:1rem}.save-load-buttons.top-left{left:1rem;position:fixed;top:1rem}.save-load-buttons.bottom-right{bottom:1rem;position:fixed;right:1rem}.save-load-buttons.bottom-left{bottom:1rem;left:1rem;position:fixed}.save-load-buttons.inline{display:inline-flex;position:relative}.btn-icon{align-items:center;background-color:var(--paper-light);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--ink-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-icon svg{font-size:1.1rem}.btn-icon:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-icon:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.save-btn:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.load-btn:hover{background-color:var(--ink-secondary);border-color:var(--ink-secondary);color:#fff}@media (max-width:768px){.save-load-buttons.bottom-right,.save-load-buttons.top-right{right:.5rem}.save-load-buttons.bottom-left,.save-load-buttons.top-left{left:.5rem}.save-load-buttons.top-left,.save-load-buttons.top-right{top:.5rem}.save-load-buttons.bottom-left,.save-load-buttons.bottom-right{bottom:.5rem}.btn-icon{font-size:.9rem;padding:.6rem 1rem}.btn-icon span{display:none}.btn-icon svg{font-size:1.3rem}}@media (max-width:480px){.save-load-buttons{gap:.5rem}.btn-icon{justify-content:center;min-height:44px;min-width:44px;padding:.5rem}}.module-page{background-color:var(--paper-bg);min-height:100vh;padding-bottom:2rem}.module-header{border-bottom:3px solid var(--border-color);margin-bottom:1.5rem;padding:1.5rem 2rem;position:relative}.module-header h1{color:var(--ink-primary);font-size:2rem;margin:.5rem 0}.module-header p{color:var(--ink-light);font-size:1rem;margin:.5rem 0 0}.back-btn{margin-bottom:.5rem}.three-pane-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:250px 1fr 300px;margin:0 auto;max-width:1600px;padding:0 1.5rem}.center-pane,.left-pane,.right-pane{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.left-pane{align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:1rem}.center-pane{min-height:500px}.right-pane{align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:1rem}.center-pane h2,.left-pane h2,.right-pane h2{border-bottom:2px solid var(--border-color);color:var(--ink-primary);font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.75rem}.form-section{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none}.form-section h3{color:var(--ink-secondary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--ink-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:var(--paper-bg);border:2px solid var(--border-color);border-radius:4px;color:var(--ink-primary);font-family:var(--font-serif);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ink-secondary);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.25rem}.form-actions{border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.master-data-section{margin-top:1rem}.master-data-section h3{color:var(--ink-secondary);font-size:1rem;margin-bottom:.75rem}.info-text{color:var(--ink-light);font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:1rem}.results-section{display:flex;flex-direction:column;gap:1.25rem}.result-card{background-color:var(--paper-bg);border:2px solid var(--border-color);border-radius:6px;padding:1rem;transition:transform .2s}.result-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.result-card h4{color:var(--ink-primary);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.result-value{align-items:baseline;color:var(--ink-secondary);display:flex;font-size:2rem;font-weight:700;gap:.5rem}.result-value .unit{color:var(--ink-light);font-size:1rem;font-weight:400}.result-info{background-color:#5d73990d;border-radius:6px;margin-top:1rem;padding:1rem}.result-info h4{font-size:.95rem}.result-info h4,.result-info ul{color:var(--ink-primary);margin:0 0 .75rem}.result-info ul{font-size:.9rem;padding-left:1.5rem}.result-info ul li{margin-bottom:.5rem}@media (max-width:1200px){.three-pane-layout{gap:1rem;grid-template-columns:220px 1fr 280px;padding:0 1rem}}@media (max-width:1024px){.three-pane-layout{grid-template-columns:1fr;padding:0 1rem}.left-pane,.right-pane{max-height:none;position:static}.module-header{padding:1rem 1.5rem}.module-header h1{font-size:1.5rem}}@media (max-width:768px){.module-page{padding-bottom:1rem}.module-header{padding:1rem}.module-header h1{font-size:1.3rem}.center-pane,.left-pane,.right-pane{padding:1rem}.form-row{gap:0;grid-template-columns:1fr}.result-value{font-size:1.5rem}}@media (max-width:480px){.three-pane-layout{padding:0 .5rem}.center-pane,.left-pane,.module-header,.right-pane{padding:.75rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media print{.back-btn,.form-actions,.save-load-buttons{display:none}.three-pane-layout{grid-template-columns:1fr}.left-pane,.right-pane{page-break-inside:avoid}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}
/*# sourceMappingURL=main.edc79cfa.css.map*/