:root{font-family:Poppins,sans-serif;--background-color: #f8f2f2;--foreground-color:#646363;--font-color: #2D2C2C;--accent-color: #155883;--primary-color: #4292f3}#root{margin-top:20px;min-width:100%;display:flex}body{background:var(--background-color);color:var(--font-color);margin:0;padding:0 20px;display:flex;justify-content:center;align-items:center}.gg-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}button{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}button:disabled{background-color:gray;cursor:not-allowed}.btn{display:inline-block;margin-top:2rem;color:#fff;padding:.5rem 1rem;border-radius:8px;border:none;width:100%;font-family:Poppins,sans-serif;font-weight:600;font-size:20px;text-align:center;background-color:var(--accent-color);transition:all .3s ease 0s;cursor:pointer}.btn:hover{background-color:var(--primary-color)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dashboard-page__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.dashboard-page__selector{display:flex;flex-direction:column;gap:6px;min-width:220px}.dashboard-page__selector label{font-weight:600;font-size:14px}.dashboard-page__selector select{height:36px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;font-size:14px}.dashboard-page__error{color:#b42318;font-size:14px}.dashboard-page__summary{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:8px;max-width:520px}.dashboard-page__summary-header,.dashboard-page__summary-row{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}.dashboard-page__summary-header{font-weight:600;border-bottom:1px solid #e6e6e6;padding-bottom:6px}.dashboard-page__summary-row{padding:6px 0;border-bottom:1px solid #f0f0f0}.dashboard-page__summary-row:last-child{border-bottom:none}.project-table-wrapper{width:100%;overflow-x:auto}.project-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.project-table thead{background:#e6eef5;text-align:left}.project-table th,.project-table td{padding:12px 16px;border-bottom:1px solid #eee}.project-table tr:last-child td{border-bottom:none}.project-table tbody tr:hover{background:#f6f9fc}.btn-icon-small .material-symbols-outlined{font-size:20px;color:#005b96}.manage-page{display:flex;flex-direction:column;gap:20px}.manage-page__top{display:flex;justify-content:space-between;align-items:center}.manage-page__title{font-size:22px;font-weight:700;margin:0}.manage-page__actions{display:flex;gap:10px}.btn{display:flex;align-items:center;gap:6px;border:none;cursor:pointer;border-radius:6px;padding:8px 16px}.btn-primary{background:#005b96;color:#fff}.btn-primary:hover{background:#00487a}.btn-secondary{background:#eee}.manage-page__content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 2px #00000014;min-height:400px}.project-form{background:#fff;border-radius:12px;padding:24px 32px 32px;margin-bottom:100px}.project-form__section+.project-form__section{margin-top:24px}.project-form__section h4{margin:0 0 12px;font-size:16px;font-weight:600}.project-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:16px;align-items:flex-end}.project-form__field{display:flex;flex-direction:column;gap:4px}.project-form__field label{font-size:14px;font-weight:600}.project-form__field input,.project-form__field select{height:36px;padding:6px 10px;border-radius:6px;border:1px solid #dadada;font-size:14px}#name{height:24px}.project-form__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-form__section-header h4{margin:0;font-size:16px;font-weight:600}.btn-icon-square{width:36px;height:36px;border-radius:6px;background:#065a92;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.btn-icon-square:hover{background:#064b7a}.btn-icon-square .material-symbols-outlined{font-size:20px}.project-team-rows,.project-task-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}.project-team-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;column-gap:16px;align-items:center}.project-task-row{display:grid;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 40px;column-gap:16px;align-items:center}.project-task-data{grid-column:1 / -1;border:1px solid #e6e6e6;border-radius:8px;padding:12px;background:#fafafa}.project-task-data__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600;font-size:14px}.project-task-data__rows{display:flex;flex-direction:column;gap:8px}.project-task-data__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 40px;column-gap:12px;align-items:center}.project-task-data__row select,.project-task-data__row input,.project-task-data__row textarea{width:100%;border-radius:6px;border:1px solid #dadada;padding:6px 8px;font-size:14px}.project-task-data__row textarea{resize:vertical;min-height:48px}.project-team-row--header,.project-task-row--header,.item-tracking-row--header{font-weight:600;font-size:14px}.project-team-row select,.project-task-row select,.item-tracking-row select,.project-task-input{width:100%;height:34px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;font-size:14px}.project-task-autocomplete{position:relative;width:100%}.project-task-autocomplete .project-task-input{box-sizing:border-box}.project-task-suggestions{position:absolute;top:38px;left:0;right:0;background:#fff;border:1px solid #dadada;border-radius:6px;box-shadow:0 8px 24px #0000001f;max-height:200px;overflow:auto;z-index:5}.project-task-suggestion{width:100%;text-align:left;background:transparent;border:none;padding:6px 10px;cursor:pointer;font-size:14px}.project-task-suggestion:hover{background:#f3f4f6}.btn-icon-small{background:transparent;border:none;cursor:pointer;padding:4px}.btn-icon-small .material-symbols-outlined{font-size:20px;color:#888}.btn-icon-small:hover .material-symbols-outlined{color:#d33}.roles-select-cell{position:relative}.roles-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;height:34px;padding:4px 8px;border-radius:6px;border:1px solid #dadada;background:#fff;font-size:14px;cursor:pointer}.roles-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-select-dropdown{position:absolute;z-index:10;top:40px;left:0;right:0;max-height:220px;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px 0}.roles-select-option{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:14px}.roles-select-option input[type=checkbox]{width:13px;height:13px}.roles-select-option:hover{background:#f3f4f6}.roles-select-actions{display:flex;justify-content:flex-end;padding:8px 12px 4px}.roles-select-done{height:32px;padding:0 12px;border-radius:6px;border:none;background:#065a92;color:#fff;cursor:pointer;font-size:14px}.roles-select-done:hover{background:#064b7a}.item-tracking-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}.item-tracking-row{display:grid;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1fr) 40px;column-gap:16px;align-items:center}.item-tracking-row--header{font-weight:600;font-size:14px}.item-tracking-row input{width:100%;height:34px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;font-size:14px}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.users-table thead{background:#e6eef5;text-align:left}.users-table th,.users-table td{padding:12px 16px;border-bottom:1px solid #eee}.users-table tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#f6f9fc}.users-actions{display:flex;gap:6px;justify-content:flex-end}.users-actions .btn-icon-small.danger .material-symbols-outlined{color:#b42318}.users-form{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px}.users-form h3{margin:0}.users-form__error{color:#b42318;font-size:14px}.users-form__grid{display:grid;gap:16px}.users-form__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.users-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.users-form__row{grid-template-columns:1fr}}.users-form__grid label{display:grid;gap:6px;font-weight:600;color:#2f3438}.users-form__grid input{border:1px solid #cfd6db;border-radius:6px;padding:8px;font-family:inherit}.users-form__grid select{border:1px solid #cfd6db;border-radius:6px;padding:8px;font-family:inherit;background:#fff}.users-form__checkbox{display:flex;align-items:center;gap:8px;font-weight:600}.users-form__checkbox--inline{align-self:end;padding-bottom:2px}.users-form__checkbox input{width:16px;height:16px}.customers-table-wrapper{width:100%;overflow-x:auto}.customers-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.customers-table thead{background:#e6eef5;text-align:left}.customers-table th,.customers-table td{padding:12px 16px;border-bottom:1px solid #eee}.customers-table tr:last-child td{border-bottom:none}.customers-table tbody tr:hover{background:#f6f9fc}.customers-actions{display:flex;gap:6px;justify-content:flex-end}.customers-actions .btn-icon-small.danger .material-symbols-outlined{color:#b42318}.customers-form{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px}.customers-form h3{margin:0}.customers-form__error{color:#b42318;font-size:14px}.customers-form__grid{display:grid;gap:16px}.customers-form__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.customers-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.customers-form__row{grid-template-columns:1fr}}.customers-form__grid label{display:grid;gap:6px;font-weight:600;color:#2f3438}.customers-form__grid input{border:1px solid #cfd6db;border-radius:6px;padding:8px;font-family:inherit}.wrapper{display:flex;justify-content:center;align-items:center;text-align:center;margin-top:60px;width:100%}.container{width:100%;max-width:420px;margin:0 auto;justify-content:center;align-items:center;display:flex;flex-direction:column}.logoBox{margin:40px 0;display:flex;justify-content:center}.logoBox img{width:clamp(180px,90vw,380px);height:auto}.p{margin-bottom:20px}.loginBox{background-color:#fff;border-radius:20px;padding:40px;position:relative;height:240px;max-width:100%}.loginBtn{margin-top:50px;border:1px solid #57606E;padding:12px;font-size:1rem;border-radius:8px}.loginTitle{margin:40px 0}.error{position:absolute;font-size:12px;left:0;max-width:100%;min-width:80%;margin-top:8px;padding:0 40px;color:red;visibility:hidden}.error.active{visibility:visible}.inputBox{display:flex;flex-direction:column;padding-top:10px;position:relative;min-width:300px}.floatingLabelInput{position:relative;border:1px solid #57606E;border-radius:8px}.input{width:100%;border:none;outline:none;padding:12px;font-size:1rem;box-sizing:border-box;border-radius:8px;background-color:#fff}.label{position:absolute;left:8px;top:8px;color:#57606e;transition:all .3s ease;pointer-events:none;padding:0 6px;background-color:#fff}.focused .label,.input:not(:placeholder-shown)+.label{top:-10px;left:10px;font-size:12px}.filled{top:-20px;left:0;font-size:12px}.hidePlaceholder::placeholder{color:transparent}.togglePasswordButton{position:absolute;right:10px;top:8px;background:#fff;border:none;cursor:pointer;color:#57606e}.layout{display:flex;height:100vh;min-width:100%;font-family:Poppins,sans-serif}.sidebar{width:240px;display:flex;flex-direction:column;justify-content:space-between;padding:0 10px;height:100vh;overflow:hidden}.logo{display:flex;justify-content:left}.logo img{width:60px;height:auto}.navBox{flex:1;display:flex;flex-direction:column;overflow:hidden}.nav{margin-top:20px;display:flex;flex-direction:column}.navItem{all:unset;padding:10px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s ease}.navItem:hover{background-color:#c4dff3;color:var(--accent-color)}.navItem span{transition:transform .2s ease}.navItem svg{width:20px;height:20px;flex-shrink:0}.navItem:hover span{transform:scale(1.15)}.projectBox{margin-top:10px;flex:1;display:flex;flex-direction:column;overflow:hidden}.projectList{overflow-y:auto;font-size:14px;max-height:100%;padding-right:6px}.projectList h4{font-size:16px;color:var(--accent-color)}.main{flex:1;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;height:40px;border-bottom:2px solid #ddd;font-weight:700}.timeBox,.userBox{gap:10px;display:flex;justify-content:center;align-items:center}.logoutBtn{border:none}.logoutBtn:hover{color:var(--primary-color)}.modeSwitchBtn{background:#fff;color:#1f1f1f;border:1px solid #d3d7db;border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer}.modeSwitchBtn:hover{background:#f2f4f6}.pageTitle{font-weight:900;color:var(--accent-color);letter-spacing:.5px;font-size:22px}.content{flex:1;padding:0 20px;margin-top:20px;overflow-y:auto}.production-sheet{display:flex;flex-direction:column;gap:16px}.production-sheet__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.production-sheet__meta{display:flex;gap:12px;font-size:14px;color:#5d6670;justify-self:center}.production-sheet__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.production-sheet__control{border:1px solid #cfd6db;border-radius:6px;padding:8px 10px;font-family:inherit;background:#fff;height:38px;box-sizing:border-box}.production-sheet__actions .note-btn{height:38px}.production-sheet__presets{display:flex;gap:8px;flex-wrap:wrap}.production-sheet__preset{background:#6c757d}.production-sheet__preset:hover{background:#596269}.production-sheet__preset--active,.production-sheet__preset--active:hover{background:#0078d4}.production-sheet__actions .note-btn.production-sheet__preset{background:#6c757d}.production-sheet__actions .note-btn.production-sheet__preset:hover{background:#596269}.production-sheet__actions .note-btn.production-sheet__preset--active,.production-sheet__actions .note-btn.production-sheet__preset--active:hover{background:#0078d4}.production-sheet__user-select{min-width:220px}.production-sheet__stats{display:flex;flex-wrap:wrap;gap:12px}.production-sheet__tile{background:#fff;border:1px solid #e3e6e8;border-radius:10px;padding:8px 10px;min-width:130px;display:grid;gap:1px}.production-sheet__tile-title{font-size:12px;font-weight:700;color:#5d6670}.production-sheet__tile-value{font-size:18px;font-weight:800;color:#2f3438}.production-sheet__tile-sub{font-size:12px;color:#6b737a}.production-sheet__bulk-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:6px 2px}.production-sheet__bulk-btn{height:34px}.production-sheet__bulk-btn--danger{background:#b42318}.production-sheet__bulk-btn--danger:hover{background:#8a1b12}.production-sheet__datetime{display:flex;flex-direction:column;gap:2px}.production-sheet__datetime-date{font-size:10px;color:#7a828a;font-weight:500}.time-table{display:grid;gap:8px}.time-table__row{display:grid;grid-template-columns:1.2fr 1.8fr 1.3fr .8fr .8fr .6fr 2fr .5fr;gap:12px;align-items:start;padding:10px 12px;background:#fff;border:1px solid #e3e6e8;border-radius:8px;font-size:11px}.time-table__row>:nth-child(4),.time-table__row>:nth-child(5),.time-table__row>:nth-child(6){text-align:center}.time-table__row--header{background:#f5f6f7;font-weight:700;font-size:11px}.time-table--selectable .time-table__row{grid-template-columns:1.2fr 1.8fr 1.3fr .8fr .8fr .6fr 2fr .5fr .5fr}.time-table__select{display:flex;align-items:center;justify-content:center}.time-table__select input[type=checkbox]{width:16px;height:16px}.time-table__empty{padding:12px;color:#6b737a}.note-btn{padding:6px 10px;border:none;border-radius:6px;background:#0078d4;color:#fff;cursor:pointer}.note-btn:hover{background:#005a9e}.note-btn--icon{display:inline-flex;align-items:center;justify-content:center;padding:6px}.note-btn--icon .material-symbols-outlined{font-size:18px}.production-sheet__modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:20}.production-sheet__modal-card{background:#fff;border-radius:10px;padding:16px 20px;width:100%;max-width:360px;display:grid;gap:12px}.production-sheet__modal-error{background:#fdecea;border:1px solid #f5c2c7;color:#b42318;padding:8px 10px;border-radius:6px;font-size:13px}.production-sheet__modal-card label{display:grid;gap:6px;font-weight:600;color:#2f3438}.production-sheet__modal-card input,.production-sheet__modal-card select,.production-sheet__modal-card textarea{border:1px solid #cfd6db;border-radius:6px;padding:8px;font-family:inherit}.production-sheet__modal-actions{display:flex;justify-content:flex-end;gap:10px}.production-sheet__modal-cancel{background:#6c757d}.production-sheet__modal-cancel:hover{background:#596269}.inventory-items-page{display:flex;flex-direction:column;gap:16px}.inventory-items-page__header h2{margin:0}.inventory-items-page__add-btn{padding:8px 12px;border-radius:6px;border:none;background:#0078d4;color:#fff;cursor:pointer}.inventory-items-page__add-btn:disabled{background:#c9d1d6;color:#626c72;cursor:not-allowed}.inventory-items-page__selector{display:flex;flex-direction:column;gap:8px;max-width:360px}.inventory-items-page__selector select{padding:8px;border-radius:6px;border:1px solid #cfd6db}.inventory-items-page__jira{display:flex;flex-direction:column;gap:6px;max-width:360px}.inventory-items-page__jira-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2f3438}.inventory-items-page__jira-label input{width:16px;height:16px}.inventory-items-page__status{color:#6b737a;font-size:14px}.inventory-items-page__error{color:#b42318;font-size:14px}.inventory-items-page__table{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:8px}.inventory-items-page__table-header,.inventory-items-page__table-row{display:grid;grid-template-columns:.3fr 1.4fr 1.4fr 1fr 1fr;align-items:start;gap:12px}.inventory-items-page__table-header{font-weight:600;color:#1f1f1f;padding-bottom:8px;border-bottom:1px solid #e6e6e6}.inventory-items-page__table-row{padding:8px 0;border-bottom:1px solid #f0f0f0;color:#2a2a2a}.inventory-items-page__table-row:last-child{border-bottom:none}.inventory-items-page__table-error{color:#b42318}.inventory-items-page__modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:20}.inventory-items-page__modal-card{background:#fff;border-radius:10px;padding:16px 20px;width:100%;max-width:360px;display:grid;gap:12px}.inventory-items-page__modal-card label{display:grid;gap:6px;font-weight:600;color:#2f3438}.inventory-items-page__modal-card input,.inventory-items-page__modal-card select{border:1px solid #cfd6db;border-radius:6px;padding:8px;font-family:inherit}.inventory-items-page__modal-actions{display:flex;justify-content:flex-end;gap:10px}.inventory-items-page__cancel-btn{background:#6c757d;color:#fff}.inventory-items-page__cancel-btn:hover{background:#596269}.metrics-page{display:flex;flex-direction:column;gap:16px}.metrics-page__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.metrics-page__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.metrics-page__presets{display:flex;gap:8px;flex-wrap:wrap}.metrics-page__control{border:1px solid #cfd6db;border-radius:6px;padding:8px 10px;font-family:inherit;background:#fff;height:38px;box-sizing:border-box}.metrics-page__btn{padding:6px 10px;border:none;border-radius:6px;background:#0078d4;color:#fff;cursor:pointer;height:38px}.metrics-page__btn:hover{background:#005a9e}.metrics-page__preset{background:#6c757d}.metrics-page__preset:hover{background:#596269}.metrics-page__preset--active,.metrics-page__preset--active:hover{background:#0078d4}.metrics-page__error{background:#fdecea;border:1px solid #f5c2c7;color:#b42318;padding:8px 10px;border-radius:6px;font-size:13px}.metrics-page .time-table{display:grid;gap:8px}.metrics-page .time-table__row{display:grid;grid-template-columns:1.2fr 2fr .8fr .8fr .6fr .8fr;gap:12px;align-items:start;padding:10px 12px;background:#fff;border:1px solid #e3e6e8;border-radius:8px;font-size:11px}.metrics-page .time-table__row>:nth-child(3),.metrics-page .time-table__row>:nth-child(4),.metrics-page .time-table__row>:nth-child(5){text-align:center}.metrics-page .time-table__row>:nth-child(6){text-align:right;font-variant-numeric:tabular-nums}.metrics-page .time-table__row--header{background:#f5f6f7;font-weight:700;font-size:11px}.metrics-page .time-table__empty{padding:12px;color:#6b737a}.metrics-page__datetime{display:flex;flex-direction:column;gap:2px}.metrics-page__datetime-date{font-size:10px;color:#7a828a;font-weight:500}