@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);:root{--bg-app:#f1f3f5;--bg-surface:#fff;--bg-soft:#eef2f7;--text-primary:#1f2937;--text-secondary:#475569;--text-muted:#64748b;--brand:#2563eb;--brand-hover:#1d4ed8;--accent:#0ea5e9;--border:#dbe2ea;--shadow-sm:0 2px 10px rgba(15,23,42,0.08);--shadow-md:0 8px 24px rgba(15,23,42,0.1);--app-header-min-height:128px;--app-content-offset-top:136px}*{margin:0;padding:0;outline:0;box-sizing:border-box}body{font:400 14px Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input,textarea{font:400 14px Roboto,sans-serif}button{cursor:pointer}form input{height:30px;padding:0 10px;margin-top:14px}form input,form textarea{width:100%;background-color:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form textarea{resize:vertical;min-height:140px;padding:16px 24px;line-height:24px}form input:focus,form textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(14,165,233,.15);background-color:#f8fafc}.button{width:100%;color:#fff}.button,.button-user{height:30px;border:0;border-radius:6px;background-color:var(--brand);font-weight:500;margin-top:16px;display:inline-block;text-align:center;text-decoration:none;font-size:14px;line-height:30px;transition:filter .2s}.button-user{width:150px}.button-user:hover,.button:hover{background-color:var(--brand-hover);filter:none}.header-container{position:absolute;width:100%;min-height:var(--app-header-min-height);height:auto;margin-top:0 auto;padding:6px 12px 12px 20px;display:flex;align-items:flex-start;overflow-x:hidden;overflow-y:visible;background-color:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:0 0 18px 18px;box-sizing:border-box}.principal-container>.dashboard-main,.principal-container>.left-menu-container,.principal-container>.main,.principal-container>.main-container,.principal-container>.main-create,.principal-container>.main-header{margin-top:var(--app-content-offset-top)}.header-logo{position:relative;width:6%;min-width:80px;padding-top:4px;flex-shrink:0;align-self:flex-start}.header-time{position:relative;width:12%;min-width:270px;padding-top:8px;justify-content:space-between}.left-icons{display:flex;align-items:center;margin:0;padding-top:20px;padding-left:30px;color:var(--text-secondary);font-size:18px;text-decoration:none;font-weight:500;transition:opacity .2s ease,transform .2s ease}.icon{color:var(--text-muted);border:none}.active-icon{color:var(--brand)}.icon:hover{transform:translateY(-1px);filter:brightness(95%)}.icon-svg{color:var(--text-muted);margin-left:0}.active-icon-svg{color:var(--brand)}.icon-svg:hover{transform:translateY(-1px);filter:brightness(95%)}.logon-container section.form form a:hover{opacity:.8}.p-title{font-size:medium;font-weight:700;text-align:center;color:var(--text-secondary)}.main,.main-container,.main-create,.main-header,.main-top,.tab-content{color:var(--text-primary)!important}.dash-production,.machine-card,.main-alarms-list-machine,.main-chart-alarms,.main-chart-alarms-machine,.main-chart-production,.main-chart-production-machine,.main-chart-stops,.main-chart-stops-machine,.main-stops,.main-stops-list-machine,.main-stops-machine,.table,.table-create,.user-card{background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important}.alarm-time,.alarms-list-title,.dash-iten,.icon,.machine-position-title,.stop-time,.stops-list-title,.tab-button,.table,.td-iten,.tr{color:var(--text-secondary)!important}.action-button:hover .icon,.alarms-menu-item.active,.dash-value,.icon:hover,.machine-position-title,.stops-menu-item.active,.tab-button.active,.tab-button:hover,.td,.td-value{color:var(--brand)!important}.dash-value-red{color:#dc2626!important}.button,.button-today,.button-user{background-color:var(--brand)!important;color:#fff!important;border:none!important;box-shadow:0 6px 14px rgba(37,99,235,.22);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important}.button-today:hover,.button-user:hover,.button:hover{background-color:var(--brand-hover)!important;transform:translateY(-1px);box-shadow:0 10px 18px rgba(29,78,216,.26)}.tab-button.active{border-bottom-color:var(--brand)!important}.alarms-list-header,.machine-card-actions,.stops-list-header,.tabs-container,.user-card-actions{border-color:var(--border)!important}.machine-card:hover,.table tr:hover td,.user-card:hover{background-color:#f8fafc}.machine-card:hover,.user-card:hover{box-shadow:var(--shadow-md)!important}.interval-date,.logon-container section.form-login form h1{color:var(--text-primary)!important}.interval-date{background-color:var(--bg-soft)!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:6px 10px!important;box-shadow:var(--shadow-sm)!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.interval-date:hover{background-color:#f8fafc!important;border-color:#c7d2e1!important}.interval-date:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(14,165,233,.15)!important;background-color:#f8fafc!important}.interval-date .react-datetime-picker{width:100%}.interval-date .react-datetime-picker__wrapper{border:0!important;background:transparent!important;min-height:32px}.interval-date .react-datetime-picker__inputGroup{color:#334155!important;font-weight:500}.interval-date .react-datetime-picker__inputGroup input{margin-top:0!important;background:transparent!important;border:0!important;color:#334155!important}.interval-date .react-datetime-picker__button{color:var(--text-muted)!important}.interval-date .react-datetime-picker__button:hover{color:var(--brand)!important}.interval-date .react-calendar,.interval-date .react-datetime-picker__calendar{z-index:2001!important;position:absolute!important}.interval-date .react-datetime-picker__calendar--open{z-index:2001!important}@media (max-width:1200px){.machines-grid,.users-grid{grid-template-columns:repeat(2,1fr)!important}.main-bottom,.main-center,.main-top{width:calc(100% - 120px)!important}}@media (max-width:900px){.principal-container{display:block!important;padding-bottom:24px;grid-gap:0!important;gap:0!important}.principal-container>.dashboard-main{margin-top:0!important}.left-menu-container{width:100%!important;margin-top:var(--app-content-offset-top)!important;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:2px;gap:2px;padding:6px 4px;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.left-icons{padding:4px 5px!important;margin:0!important}.left-menu-container .active-icon,.left-menu-container .active-icon-svg,.left-menu-container .icon,.left-menu-container .icon-svg{width:24px!important;height:24px!important}.main,.main-bottom,.main-center,.main-container,.main-create,.main-header,.main-top{position:relative!important;width:100%!important;min-width:0!important;margin:14px 0 0!important;left:0!important;right:0!important}.main-alarms-list-machine,.main-chart-alarms,.main-chart-alarms-machine,.main-chart-production,.main-chart-production-machine,.main-chart-stops,.main-chart-stops-machine,.main-stops,.main-stops-list-machine,.main-stops-machine{position:relative!important;width:calc(100% - 20px)!important;max-width:none!important;min-width:0!important;height:auto!important;margin:12px 10px!important}.table,.table-create{width:calc(100% - 20px)!important}.table,.table-create,.tabs-container{margin-left:10px!important;margin-right:10px!important}.tabs-container{overflow-x:auto;white-space:nowrap}.tab-button{padding:10px 16px!important;font-size:14px!important}.machines-grid,.users-grid{grid-template-columns:1fr!important;margin-left:10px!important;padding:10px!important;max-width:calc(100% - 20px)!important}.button-user{margin-left:10px!important}}@media (max-width:600px){.header-container{height:auto!important;min-height:max(88px,var(--app-header-min-height))!important;padding:10px 12px!important;align-items:flex-start;flex-wrap:wrap;grid-gap:8px;gap:8px}.header-status{flex-basis:100%;width:100%;min-width:0;max-width:100%;padding-left:0;padding-top:4px;box-sizing:border-box}.header-logo{min-width:54px!important}.header-logo,.header-time{width:auto!important;padding-top:0!important}.header-time{min-width:0!important}.fabricant-id,.gauge,.login,.model,.position,.serial,.type-id,.year,form input,form textarea{width:100%!important;margin-left:0!important}}.logon-container{width:100%;max-width:200px;height:100vh;margin:0 auto;-ms-flex-align:center;display:flex;align-items:center;justify-content:space-between}.logon-container section.form-login{width:100%;max-width:200px;margin-right:50px;align-items:center}.logon-container section.form-login form{margin-top:10px;align-items:center}.logon-container section.form-login form h1{color:#fff;font-size:20px;text-align:center}.logon-container section.loginLogo{width:100%;max-width:200px}.principal-container{align-items:flex-start;grid-gap:8px;gap:8px}.left-menu-container{flex-shrink:0}.dashboard-main{flex:1 1;min-width:0;margin-left:0;padding:16px 16px 20px 4px}.dashboard-header{margin:6px 0 16px}.dashboard-header-top{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px}.dashboard-title{font-size:22px;font-weight:700;color:#1f2937}.dashboard-day-buttons{display:grid;grid-template-columns:repeat(7,minmax(82px,1fr));grid-gap:6px;gap:6px;flex:1 1;margin-left:12px}.dashboard-day-button{border:1px solid #dbe2ea;background:#fff;color:#475569;border-radius:8px;width:100%;min-height:34px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;text-align:center}.dashboard-day-button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.dashboard-subtitle{margin-top:4px;color:#64748b;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.kpi-card{min-height:110px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.08);padding:12px;display:flex;flex-direction:column;justify-content:center}.kpi-label{font-size:12px;color:#64748b;margin-bottom:6px;font-weight:600}.kpi-value{font-size:24px;line-height:1.2;font-weight:700;color:#2563eb}.kpi-alert{color:#dc2626}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.dashboard-chart-card{min-height:260px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.08);padding:8px}@media (max-width:1200px){.dashboard-charts-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width:900px){.dashboard-main{width:100%;margin-left:0;margin-top:8px;padding:12px 10px 16px}.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-header-top{align-items:flex-start;flex-direction:column}.dashboard-day-buttons{width:100%;margin-left:0;grid-template-columns:repeat(4,minmax(72px,1fr))}}.header-status{padding-left:12px;display:flex;flex:1 1;min-width:0;align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;grid-gap:2px 4px;gap:2px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.header-status::-webkit-scrollbar{height:6px}.header-status::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:3px}.div-machine{position:relative;width:40px;min-width:40px;flex-shrink:0;margin-top:0;margin-left:8px;padding:2px 0 4px;text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible}.div-machine>p{margin:0;width:100%}.machine-hover-tip-portal{position:fixed;transform:translateX(-50%);z-index:10050;min-width:160px;max-width:220px;padding:6px 8px;border-radius:6px;background:rgba(30,30,40,.95);color:#f0f0f5;font-size:11px;line-height:1.35;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;white-space:normal}.machine-hover-tip__line{display:block}.machine-hover-tip__line+.machine-hover-tip__line{margin-top:2px}.div-machine .position{color:rgba(80,80,255,.7)}.div-machine .position,.div-machine .running-icon{width:100%;text-align:center;font-size:medium;font-weight:700}.div-machine .running-icon{color:rgba(0,255,0,.7)}.div-machine .stopped-icon{width:100%;text-align:center;font-size:medium;font-weight:700;color:rgba(255,80,80,.6)}.div-machine .model{width:100%;max-width:100%;margin:2px 0 0;text-align:center;font-size:10px;line-height:1.2;font-weight:400;color:rgba(80,80,255,.7);word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:calc(3.6em + 2px)}.main-header,.principal-container{position:relative}.main-header{width:100%;height:auto;min-height:60px;margin-left:100px;margin-top:100px;text-align:center;font-size:x-large;color:#00f;display:flexbox;z-index:2000;padding-bottom:10px}.main-header .p-title{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.timeline-header{display:flex;flex-direction:row;align-items:center!important;justify-content:flex-start!important;grid-gap:10px!important;gap:10px!important;margin-left:20px;flex-wrap:wrap}.timeline-range-label{font-size:14px;color:#64748b;font-weight:500}.timeline-title-text{font-weight:700}.timeline-header .timeline-toggle-button{margin-left:auto}.timeline-header-actions{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px;margin-left:auto;flex-wrap:nowrap;min-width:0}.timeline-header-actions .timeline-toggle-button{margin-left:0;flex-shrink:0}.timeline-header-actions .timeline-controls{margin-left:0;flex:1 1 auto;min-width:0;width:auto}.main-header--stops-chart .timeline-header{flex-wrap:wrap}.main-header--stops-chart .timeline-header-actions{flex-basis:100%;width:100%;margin-left:0;margin-top:8px;padding-left:400px;box-sizing:border-box;flex-wrap:nowrap}.main-header--stops-chart .timeline-header-actions .timeline-controls{max-width:none}.main-header--stops-chart .timeline-container{width:100%;max-width:none}.main-header--machine-details .timeline-header{flex-wrap:nowrap}.main-header--machine-details .timeline-header-actions{flex:1 1 auto;margin-left:12px;min-width:0;width:auto}.main-header--machine-details .timeline-header-actions .timeline-controls{flex:1 1 auto;max-width:none;width:auto}.main-header--machine-details .timeline-header-actions .timeline-container{width:100%;max-width:none}.timeline-container{width:min(560px,100%);padding:10px 12px;border-radius:10px;background:#eef2f7;border:1px solid #dbe2ea}.timeline-label{display:block;font-size:12px;color:#475569;margin:4px 0;text-align:left}.timeline-slider{width:100%;margin:4px 0 10px;accent-color:#2563eb}.timeline-row{display:block;align-items:center}.timeline-item{min-width:0}.timeline-dual{position:relative;width:100%;height:24px;margin-top:4px;transform:scaleX(-1)}.timeline-dual-range,.timeline-dual-track{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:999px}.timeline-dual-track{left:0;right:0;background:#cfd8e3}.timeline-dual-range{background:#2563eb}.timeline-thumb{position:absolute;left:0;top:0;width:100%;height:24px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.timeline-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 8px rgba(37,99,235,.25);cursor:pointer;pointer-events:auto}.timeline-thumb::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 8px rgba(37,99,235,.25);cursor:pointer;pointer-events:auto}.timeline-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:11px;color:#64748b;font-weight:500;-webkit-user-select:none;user-select:none}.timeline-toggle-button{margin-top:0;padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer}.timeline-toggle-button:hover{background:#dbeafe}.timeline-controls{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%;max-width:760px}@media (max-width:900px){.main-header{margin-top:8px!important;padding-bottom:14px!important;height:auto!important;min-height:0!important}.timeline-header{margin-left:10px;margin-right:10px;align-items:flex-start!important;grid-gap:8px!important;gap:8px!important}.timeline-controls{display:block}.timeline-container,.timeline-controls{width:100%;max-width:100%}.timeline-header .timeline-toggle-button{margin-left:auto}.timeline-header-actions{width:100%;margin-left:0;flex-wrap:wrap}.timeline-header-actions .timeline-toggle-button{margin-left:auto}.timeline-header-actions .timeline-controls{width:100%;max-width:100%}.main-header--stops-chart .timeline-header-actions{padding-left:0;flex-basis:auto}.main-header--machine-details .timeline-header{flex-wrap:wrap}.main-header--machine-details .timeline-header-actions{margin-left:0;width:100%}}.main-stops{position:absolute;width:35%;min-width:300px;max-width:400px;margin-left:100px;margin-top:180px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;height:180px}.button-today{margin-left:15px;padding:0 16px;font-size:14px;background-color:#00f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-weight:500;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;box-sizing:border-box}.button-today:hover{background-color:#05f}.button-today:active{background-color:#00c}.main-stops .machine-card-table{flex:1 1;margin-bottom:0;display:table;width:100%;border-spacing:0;border-collapse:collapse}.main-stops .machine-card-table tr{height:auto;border-bottom:1px solid #e0e0e0}.main-stops .machine-card-table tr:last-child{border-bottom:none}.main-stops .machine-card-table td{padding:3px 4px;vertical-align:middle;font-size:14px;line-height:1.3}.table{border-color:#303040}.td-iten{font-size:medium;width:65%;color:#558;text-align:left}.td-value{font-size:medium;width:35%;color:rgba(80,80,255,.8)}.main-chart-alarms{position:absolute;width:35%;min-width:300px;max-width:400px;height:220px;margin-left:100px;margin-top:400px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-alarms .chart-small{width:100%;height:100%}.main-chart-stops{height:318px;margin-top:302px;padding:10px 14px 12px}.main-chart-production,.main-chart-stops{position:absolute;width:50%;min-width:500px;max-width:700px;margin-left:520px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-production{height:210px;margin-top:480px;padding:20px;z-index:1}.main-chart-production .chart,.main-chart-stops .chart{width:100%;height:100%}.fabricant-id{font-size:small;width:37%;height:30px;border-radius:8px;margin-left:26%}.serial{width:37%}.position{width:10%}.model{width:42%}.gauge,.model{margin-left:6%}.gauge{width:10%}.year{width:20%;margin-left:6%}.main-stops-machine{position:absolute;width:28%;min-width:250px;max-width:320px;margin-left:100px;margin-top:248px;height:190px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.main-stops-machine,.table-machine{border-style:outset;border-radius:10px;border-color:#303040;padding:10px}.table-machine{margin-left:20px}.table-create,.tr{margin-top:30px;font-size:medium;text-align:center;color:#558}.main-chart-stops-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:190px;margin-left:440px;margin-top:248px;padding:20px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-alarms-machine{margin-left:100px;padding:15px}.main-chart-alarms-machine,.main-chart-production-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:190px;margin-top:488px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-production-machine{margin-left:440px;padding:20px;z-index:1}.main-alarms-list-machine{position:absolute;width:20%;min-width:200px;max-width:280px;height:410px;margin-left:780px;margin-top:248px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:visible;display:flex;flex-direction:column;z-index:10}.main-alarms-list-machine>.alarms-list-wrapper{overflow-y:auto;flex:1 1;min-height:0;overflow-x:hidden}.alarms-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;position:relative;flex-shrink:0;z-index:1001}.alarms-list-header .alarms-menu-overlay{z-index:998}.alarms-list-title{font-size:16px;font-weight:700;color:#00f;margin:0;text-align:left;flex:1 1}.alarms-menu-container{position:relative;z-index:1000;flex-shrink:0}.alarms-menu-button{background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;padding:6px;border-radius:4px;color:#558;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;min-width:28px;min-height:28px;position:relative}.alarms-menu-button svg{display:block;width:18px;height:18px}.alarms-menu-button:hover{background-color:#f0f0f0}.alarms-menu-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:200px;overflow:hidden;white-space:nowrap;pointer-events:auto}.alarms-menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background-color:initial;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;border:none;border-bottom:1px solid #f0f0f0;pointer-events:auto;position:relative;z-index:1001}.alarms-menu-item:last-child{border-bottom:none}.alarms-menu-item:hover{background-color:#f5f5f5}.alarms-menu-item.active{background-color:#e3f2fd;color:#00f;font-weight:700}.alarms-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:initial;pointer-events:auto}.alarms-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1 1;min-height:0}.alarm-item{display:flex;flex-direction:column;padding:10px 8px;margin-bottom:8px;border-bottom:1px solid #e0e0e0;font-size:13px}.alarm-item:last-child{border-bottom:none}.alarm-time{font-weight:700;color:#558;margin-bottom:4px;font-size:12px}.alarm-message{color:#333;line-height:1.4}.alarms-empty{text-align:center;color:#888;font-size:14px;padding:20px}.main-stops-list-machine{position:absolute;width:20%;min-width:200px;max-width:280px;height:410px;margin-left:1080px;margin-top:248px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:visible;display:flex;flex-direction:column;z-index:10}.main-stops-list-machine>.stops-list-wrapper{overflow-y:auto;flex:1 1;min-height:0;overflow-x:hidden}.stops-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;position:relative;flex-shrink:0;z-index:1001}.stops-list-header .stops-menu-overlay{z-index:998}.stops-list-title{font-size:16px;font-weight:700;color:#00f;margin:0;text-align:left;flex:1 1}.stops-menu-container{position:relative;z-index:1000;flex-shrink:0}.stops-menu-button{background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;padding:6px;border-radius:4px;color:#558;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;min-width:28px;min-height:28px;position:relative}.stops-menu-button svg{display:block;width:18px;height:18px}.stops-menu-button:hover{background-color:#f0f0f0}.stops-menu-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:200px;overflow:hidden;white-space:nowrap;pointer-events:auto}.stops-menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background-color:initial;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;border:none;border-bottom:1px solid #f0f0f0;pointer-events:auto;position:relative;z-index:1001}.stops-menu-item:last-child{border-bottom:none}.stops-menu-item:hover{background-color:#f5f5f5}.stops-menu-item.active{background-color:#e3f2fd;color:#00f;font-weight:700}.stops-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:initial;pointer-events:auto}.stops-list{list-style:none;padding:0;margin:0}.stop-item{display:flex;flex-direction:column;padding:10px 8px;margin-bottom:8px;border-bottom:1px solid #e0e0e0;font-size:13px}.stop-item:last-child{border-bottom:none}.stop-time{font-weight:700;color:#558}.stop-duration,.stop-time{margin-bottom:4px;font-size:12px}.stop-duration{font-weight:600;color:#666}.stop-message{color:#333;line-height:1.4}.stops-empty{text-align:center;color:#888;font-size:14px;padding:20px}.main-chart-alarms-machine .chart-small,.main-chart-production-machine .chart,.main-chart-stops-machine .chart{width:100%;height:100%}.machines-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-left:20px;margin-top:20px;padding:20px;max-width:calc(100% - 40px)}.machine-card{position:relative;width:100%;min-width:0;max-width:100%;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;min-height:150px}.machine-card-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px;flex:1 1}.main-stops-machine .machine-card-table{flex:1 1;margin-bottom:0;display:table;width:100%;border-spacing:0}.main-stops-machine .machine-card-table tr{height:auto}.main-stops-machine .machine-card-table td{padding:3px 4px;vertical-align:middle;font-size:14px;line-height:1.3}.machine-card-table tr{border-bottom:1px solid #e0e0e0}.machine-card-table tr:last-child,.main-stops-machine .machine-card-table tr:last-child{border-bottom:none}.machine-card-table td{padding:4px 2px;font-size:12px;line-height:1.3}.machine-card-table td.machine-position-title{padding:8px 2px!important;font-size:20px!important;line-height:1.3}.machine-position-title{text-align:center;font-size:20px!important;font-weight:700!important;color:#00f!important;padding:8px 2px!important;border-bottom:2px solid #e0e0e0}.machine-card-actions{display:flex;justify-content:center;grid-gap:8px;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;margin-top:auto;flex-shrink:0}.edit-machine-form{width:100%;max-width:100%;box-sizing:border-box}.edit-machine-save-row{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px;box-sizing:border-box}.edit-machine-save-row .button-user.edit-machine-save-btn{margin:0!important;min-width:220px;width:auto!important;max-width:calc(100% - 16px);white-space:nowrap;box-sizing:border-box}.main{max-width:1000px;margin-left:0}.main,.main-create{position:relative;width:100%;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.main-create{max-width:700px;margin-left:100px;display:flexbox}.type-id{font-size:small;height:30px;border-radius:8px;margin-left:26%}.login,.type-id{width:37%}p{text-align:left}.users-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-left:20px;margin-top:20px;padding:20px;max-width:calc(100% - 40px)}.user-card{position:relative;width:100%;min-width:0;max-width:100%;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;flex-direction:column;min-height:250px}.user-card,.user-card-photo{display:flex;align-items:center}.user-card-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:10px;border:2px solid #303040;justify-content:center;background-color:#f0f0f0}.user-photo{width:100%;height:100%;object-fit:cover}.user-photo-placeholder{color:#558}.user-card-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px;flex:1 1}.user-card-table tr{border-bottom:1px solid #e0e0e0}.user-card-table tr:last-child{border-bottom:none}.user-card-table td{padding:4px 2px;font-size:12px;line-height:1.3}.user-card-actions{display:flex;justify-content:center;grid-gap:8px;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;width:100%;margin-top:auto;flex-shrink:0}.action-button{background-color:initial;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.action-button:hover{background-color:#f0f0f0}.action-button .icon{width:12px;height:12px;color:#558;transition:color .3s ease}.action-button:hover .icon{color:#00f}.principal-container{position:absolute;width:100%;margin:0 auto;padding:0;display:flex}.left-menu-container{width:100px}.left-menu-container,.main-container{position:relative;margin-left:0;margin-top:100px}.main-container{background-color:#fff;width:100%;text-align:center;font-size:x-large;color:#00f}.tabs-container{display:flex;grid-gap:10px;gap:10px;margin-left:100px;margin-top:20px;margin-bottom:20px;border-bottom:2px solid #303040}.tab-button{padding:12px 24px;font-size:16px;font-weight:700;background-color:initial;border:none;border-bottom:3px solid transparent;color:#558;cursor:pointer;transition:all .3s ease}.tab-button:hover{background-color:#f0f0f0;color:#00f}.tab-button.active{color:#00f;border-bottom:3px solid #00f;background-color:initial}.tab-content{position:relative;width:100%;max-width:1000px;margin-left:0;margin-top:20px;text-align:center;font-size:x-large;color:#00f}.table{width:100%;max-width:950px;margin-left:20px;padding:10px;border-style:outset;border-radius:10px}.table,.tr{color:#558}.table,.td,.tr{font-size:medium;text-align:center}.td{border-collapse:initial;border-radius:8px;margin-top:5px;padding-left:4px;color:rgba(80,80,255,.8)}.th-login{width:15%}.th-name{width:60%}.th-type{width:15%}.th-options{width:10%}.th-id,.th-position{width:8%}.th-serial{width:12%}.th-fabricant{width:15%}.th-model{width:20%}.th-gauge{width:10%}.th-year{width:8%}.p-title{text-align:left;margin-left:20px;margin-bottom:20px}.button-user{margin-top:20px;margin-left:20px;padding:10px 20px;font-size:16px;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;line-height:1.5}.button-user:hover{background-color:#05f}.fabricant-form{display:flex;grid-gap:12px;gap:12px;align-items:center;margin-left:20px;margin-bottom:16px;max-width:950px}.fabricant-input{flex:1 1;padding:10px 12px;font-size:16px;border:1px solid #cfd3ff;border-radius:8px;outline:none;color:#334}.fabricant-input:focus{border-color:#00f;box-shadow:0 0 0 2px rgba(0,0,255,.12)}.icon{margin:0 5px;cursor:pointer;color:#558}.icon:hover{color:#00f}
/*# sourceMappingURL=main.7bbcfe24.chunk.css.map */