@import"https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap";:root{--bg-app: #f1f3f5;--bg-surface: #ffffff;--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, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .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}input,button,textarea{font:400 14px Roboto,sans-serif}button{cursor:pointer}form input{width:100%;height:30px;background-color:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border);padding:0 10px;margin-top:14px;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form textarea{width:100%;resize:vertical;min-height:140px;background-color:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:16px 24px;line-height:24px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form input:focus,form textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e926;background-color:#f8fafc}.button{width:100%;height:30px;border:0;border-radius:6px;background-color:var(--brand);color:#fff;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;height:30px;border:0;border-radius:6px;background-color:var(--brand);color:#fff;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:hover,.button-user: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>.left-menu-container,.principal-container>.main,.principal-container>.main-create,.principal-container>.main-container,.principal-container>.dashboard-main,.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-create,.main-container,.tab-content,.main-header,.main-top{color:var(--text-primary)!important}.table,.table-create,.main-stops,.main-stops-machine,.main-chart-alarms,.main-chart-stops,.main-chart-production,.main-chart-stops-machine,.main-chart-alarms-machine,.main-chart-production-machine,.main-alarms-list-machine,.main-stops-list-machine,.dash-production,.user-card,.machine-card{background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important}.table,.tr,.td-iten,.dash-iten,.stop-time,.alarm-time,.stops-list-title,.alarms-list-title,.machine-position-title,.tab-button,.icon{color:var(--text-secondary)!important}.td,.td-value,.dash-value,.machine-position-title,.tab-button.active,.tab-button:hover,.action-button:hover .icon,.icon:hover,.stops-menu-item.active,.alarms-menu-item.active{color:var(--brand)!important}.dash-value-red{color:#dc2626!important}.button-user,.button,.button-today{background-color:var(--brand)!important;color:#fff!important;border:none!important;box-shadow:0 6px 14px #2563eb38;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important}.button-user:hover,.button:hover,.button-today:hover{background-color:var(--brand-hover)!important;transform:translateY(-1px);box-shadow:0 10px 18px #1d4ed842}.tab-button.active{border-bottom-color:var(--brand)!important}.tabs-container,.alarms-list-header,.stops-list-header,.user-card-actions,.machine-card-actions{border-color:var(--border)!important}.table tr:hover td,.user-card:hover,.machine-card:hover{background-color:#f8fafc}.user-card:hover,.machine-card:hover{box-shadow:var(--shadow-md)!important}.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;color:var(--text-primary)!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 #0ea5e926!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){.users-grid,.machines-grid{grid-template-columns:repeat(2,1fr)!important}.main-top,.main-center,.main-bottom{width:calc(100% - 120px)!important}}@media (max-width: 900px){.principal-container{display:block!important;padding-bottom:24px;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;gap:2px;padding:6px 4px;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.left-icons{padding:4px 5px!important;margin:0!important}.left-menu-container .icon,.left-menu-container .active-icon,.left-menu-container .icon-svg,.left-menu-container .active-icon-svg{width:24px!important;height:24px!important}.main,.main-create,.main-container,.main-header,.main-top,.main-center,.main-bottom{position:relative!important;width:100%!important;min-width:0!important;margin:14px 0 0!important;left:0!important;right:0!important}.main-stops,.main-stops-machine,.main-chart-alarms,.main-chart-stops,.main-chart-production,.main-chart-stops-machine,.main-chart-alarms-machine,.main-chart-production-machine,.main-alarms-list-machine,.main-stops-list-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;margin-left:10px!important;margin-right:10px!important}.tabs-container{margin-left:10px!important;margin-right:10px!important;overflow-x:auto;white-space:nowrap}.tab-button{padding:10px 16px!important;font-size:14px!important}.users-grid,.machines-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;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{width:auto!important;min-width:54px!important;padding-top:0!important}.header-time{width:auto!important;min-width:0!important;padding-top:0!important}form input,form textarea,.type-id,.fabricant-id,.login,.serial,.position,.model,.gauge,.year{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{position:relative;width:100%;margin:0 auto;padding:0;display:flex;align-items:flex-start;gap:8px}.left-menu-container{position:relative;width:100px;flex-shrink:0;margin-left:0}.dashboard-main{flex: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;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));gap:6px;flex: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));gap:12px}.kpi-card{min-height:110px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px #0f172a14;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));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 #0f172a14;padding:8px}.dashboard-chart-card .chart{width:100%;height:220px;min-height:220px;position:relative}@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;min-width:0;align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:2px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.header-status::-webkit-scrollbar{height:6px}.header-status::-webkit-scrollbar-thumb{background:#64748b73;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:translate(-50%);z-index:10050;min-width:160px;max-width:220px;padding:6px 8px;border-radius:6px;background:#1e1e28f2;color:#f0f0f5;font-size:11px;line-height:1.35;text-align:center;box-shadow:0 2px 8px #00000040;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{width:100%;text-align:center;font-size:medium;font-weight:700;color:#5050ffb3}.div-machine .running-icon{width:100%;text-align:center;font-size:medium;font-weight:700;color:#00ff00b3}.div-machine .stopped-icon{width:100%;text-align:center;font-size:medium;font-weight:700;color:#ff505099}.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:#5050ffb3;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(1.2em * 3 + 2px)}.principal-container{position:relative;width:100%;margin:0 auto;padding:0;display:flex}.main-header{position:relative;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;gap:8px}.timeline-header{display:flex;flex-direction:row;align-items:center!important;justify-content:flex-start!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;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-track,.timeline-dual-range{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;-moz-appearance:none;appearance:none}.timeline-thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb40;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 #2563eb40;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;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;gap:8px!important}.timeline-controls{width:100%;max-width:100%;display:block}.timeline-container{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 #0000001a;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;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{margin-left:20px;padding:10px;border-style:outset;border-radius:10px;border-color:#303040}.table,.tr{text-align:center;color:#558}.td-iten{font-size:medium;width:65%;color:#558;text-align:left}.td-value{font-size:medium;width:35%;color:#5050ffcc}.td{margin-top:5px;padding-left:4px;font-size:medium}.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,.main-chart-alarms .chart{width:100%;height:100%}.main-chart-stops{position:absolute;width:50%;min-width:500px;max-width:700px;height:318px;margin-left:520px;margin-top:302px;padding:10px 14px 12px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-production{position:absolute;width:50%;min-width:500px;max-width:700px;height:210px;margin-left:520px;margin-top:480px;padding:20px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;z-index:1}.main-chart-production .chart,.main-chart-stops .chart{width:100%;height:100%}.main-container{position:relative;background-color:#fff;width:100%;margin-left:0;margin-top:100px}.fabricant-id{font-size:small;width:37%;height:30px;border-radius:8px;margin-left:26%}.serial{width:37%}.position{width:10%}.model{width:42%;margin-left:6%}.gauge{width:10%;margin-left:6%}.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;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.table-machine{margin-left:20px;padding:10px;border-style:outset;border-radius:10px;border-color:#303040}.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{position:absolute;width:28%;min-width:250px;max-width:320px;height:190px;margin-left:100px;margin-top:488px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-production-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:190px;margin-left:440px;margin-top:488px;padding:20px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;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 #0000001a;overflow:visible;display:flex;flex-direction:column;z-index:10}.main-alarms-list-machine>.alarms-list-wrapper{overflow-y:auto;flex: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}.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 #00000026;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:transparent;border:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;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:transparent;pointer-events:auto}.alarms-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex: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 #0000001a;overflow:visible;display:flex;flex-direction:column;z-index:10}.main-stops-list-machine>.stops-list-wrapper{overflow-y:auto;flex: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}.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 #00000026;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:transparent;border:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;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:transparent;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;margin-bottom:4px;font-size:12px}.stop-duration{font-weight:600;color:#666;margin-bottom:4px;font-size:12px}.stop-message{color:#333;line-height:1.4}.stops-empty{text-align:center;color:#888;font-size:14px;padding:20px}.main-chart-production-machine .chart,.main-chart-stops-machine .chart,.main-chart-alarms-machine .chart{width:100%;height:100%}.machines-grid{display:grid;grid-template-columns:repeat(4,1fr);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 #0000001a;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}.main-stops-machine .machine-card-table{flex: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{border-bottom:none}.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;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;margin-top:auto;flex-shrink:0}.action-button .icon{width:12px;height:12px}.action-button .icon{color:#558;transition:color .3s ease}.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}.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{position:relative;width:100%;max-width:1000px;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.main-create{position:relative;width:100%;max-width:700px;margin-left:100px;margin-top:100px;text-align:center;font-size:x-large;color:#00f;display:flexbox}.type-id{font-size:small;width:37%;height:30px;border-radius:8px;margin-left:26%}.login{width:37%}p{text-align:left}.users-grid{display:grid;grid-template-columns:repeat(4,1fr);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 #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:250px}.user-card-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:10px;border:2px solid #303040;display:flex;align-items:center;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}.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;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;width:100%;margin-top:auto;flex-shrink:0}.action-button{background-color:transparent;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{position:relative;width:100px;margin-left:0;margin-top:100px}.main-container{position:relative;background-color:#fff;width:100%;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.tabs-container{display:flex;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:transparent;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:transparent}.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{font-size:medium;text-align:center;color:#558}.td{border-collapse:initial;border-radius:8px;margin-top:5px;padding-left:4px;font-size:medium;text-align:center;color:#5050ffcc}.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;gap:12px;align-items:center;margin-left:20px;margin-bottom:16px;max-width:950px}.fabricant-input{flex: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 #0000ff1f}.icon{margin:0 5px;cursor:pointer;color:#558}.icon:hover{color:#00f}