:root{font-family:Poppins,sans-serif;--background-color: #f8f2f2;--foreground-color:#646363;--font-color: #2D2C2C;--accent-color: #155883;--primary-color: #4292f3}html,body{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}#root{width:100%;height:100%;display:flex}body{background:var(--background-color);color:var(--font-color);margin:0;padding:0;display:flex}.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;height:100%;min-height:0;overflow:auto;padding-right:4px}.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__disclaimer{padding:10px 12px;border:1px solid #f0c36d;border-radius:8px;background:#fff8e6;color:#6f4f00;font-size:14px;font-weight:600}.dashboard-page__section-title{font-size:16px;font-weight:700;color:#202428}.dashboard-page__progress{display:flex;flex-direction:column;gap:10px}.dashboard-page__progress-table{display:flex;flex-direction:column;gap:8px}.dashboard-page__progress-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px minmax(180px,.8fr) 80px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.dashboard-page__progress-row:last-child{border-bottom:none}.dashboard-page__progress-row--header{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-size:var(--app-table-font-size);font-weight:700;border-bottom:1px solid #e6e6e6;padding:10px 12px;border-radius:8px}.dashboard-page__progress-empty{color:#6b737a;font-size:14px}.dashboard-page__progress-bar{display:block;height:10px;overflow:hidden;border-radius:999px;background:#e7edf2}.dashboard-page__progress-bar span{display:block;height:100%;border-radius:inherit;background:#0078d4}.dashboard-page__summary{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{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-size:var(--app-table-font-size);font-weight:700;border-bottom:1px solid #e6e6e6;padding:10px 12px;border-radius:8px}.dashboard-page__summary-row{padding:6px 0;border-bottom:1px solid #f0f0f0}.dashboard-page__summary-row:last-child{border-bottom:none}@media(max-width:760px){.dashboard-page__progress-row{grid-template-columns:minmax(0,1fr) 80px}.dashboard-page__progress-row>:nth-child(3),.dashboard-page__progress-row>:nth-child(4){grid-column:1 / -1}}.filter-header{display:inline-flex;align-items:center;gap:4px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-chevron{font-size:16px;color:#888}.filter-active-dot{width:7px;height:7px;border-radius:50%;background:#005b96;display:inline-block}.filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #dde3ea;border-radius:6px;box-shadow:0 4px 16px #0000001f;min-width:140px;z-index:100;overflow:hidden}.filter-option{padding:8px 14px;font-size:13px;cursor:pointer;font-weight:400}.filter-option:hover{background:#f0f6fb}.filter-option--selected{background:#e6eef5;color:#005b96;font-weight:600}.template-select-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.template-select-modal{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000002e;width:420px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.template-select-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.template-select-header h3{margin:0;font-size:16px;font-weight:600}.template-select-empty{padding:24px 20px;color:#888;margin:0}.template-select-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto}.template-select-item{display:flex;align-items:center;gap:10px;padding:12px 20px;cursor:pointer;font-size:14px;transition:background .15s}.template-select-item:hover{background:#f0f6fb}.template-select-item .material-symbols-outlined{font-size:20px;color:#005b96}.manage-page{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.manage-page__top{display:flex;align-items:center;gap:16px}.manage-page__title{font-size:18px;font-weight:700;margin:0;white-space:nowrap}.manage-page__toolbar{flex:1;display:flex;align-items:center}.manage-page__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.manage-page .btn{display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;border-radius:6px;padding:0 12px;font-size:14px;height:32px;width:auto;margin-top:0;box-sizing:border-box;font-weight:600;font-family:inherit}.manage-page .btn .material-symbols-outlined{font-size:18px;line-height:1}.manage-page .btn-icon{padding:0 8px}.manage-page .btn-primary{background:#005b96;color:#fff}.manage-page .btn-primary:hover{background:#00487a}.manage-page .btn-secondary{background:#eee;color:inherit}.manage-page__content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:20px;border-radius:8px}.manage-page__content--list{padding:0;background:transparent;box-shadow:none}.manage-page__content--form{background:#fff;box-shadow:0 1px 2px #00000014}.manage-page__content>*{flex:1;min-height:0}.manage-page__content :is(.users-form,.customers-form,.teams-form,.project-form,.form-placeholder){overflow:auto}.manage-page__content table th{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-size:var(--app-table-font-size);font-weight:700;padding:10px 12px}.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__hint{color:#6b7280;font-size:14px}.project-form__hint--error{color:#b42318}.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}.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{background:var(--app-table-header-bg);color:#2f3438;font-weight:700;font-size:var(--app-table-font-size);padding:10px 12px;border:1px solid #e3e6e8;border-radius:8px}.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}.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 input{width:100%;height:34px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;font-size:14px}.project-team__actions{display:flex;align-items:center;gap:12px}.project-team-template{display:flex;align-items:center;gap:8px}.project-team-template select{height:34px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;min-width:190px}.project-team-template__apply{height:34px;border-radius:6px;border:none;background:#065a92;color:#fff;padding:0 10px;cursor:pointer;font-size:13px}.project-team-template__apply:hover:not(:disabled){background:#064b7a}.project-team-template__apply:disabled{background:#9aa3ad;cursor:not-allowed}.teams-table__row--clickable{cursor:pointer}.teams-table__row--clickable:hover td{background:var(--app-table-hover-bg, #f6f9fc)}.teams-form{background:#fff;border-radius:12px;padding:24px}.teams-form h3{margin:0 0 16px}.teams-form__error{color:#b42318;margin-bottom:12px}.teams-form__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.teams-form__field label{font-weight:600;font-size:14px}.teams-form__field input{height:36px;border-radius:6px;border:1px solid #dadada;padding:6px 10px;font-size:14px}.teams-form__members-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.teams-form__members-header h4{margin:0;font-size:16px}.teams-form__hint{color:#6b7280;font-size:14px}.teams-member-rows{display:flex;flex-direction:column}.teams-member-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;column-gap:16px}.teams-member-row select{width:100%;height:34px;border-radius:6px;border:1px solid #dadada;padding:4px 8px;font-size:14px}.users-table__row{cursor:pointer}.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}.user-page{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.user-page__header{position:relative;display:flex;justify-content:center;align-items:center;min-height:30px;padding:0}.user-page__header h2{margin:0;text-align:center;line-height:1.2}.user-page__header-actions{position:absolute;right:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-page__tabs{display:flex;gap:8px;border-bottom:1px solid #d7e3ef}.user-page__tab{padding:10px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:#4f5963;font:inherit;font-weight:700;cursor:pointer}.user-page__tab:hover,.user-page__tab--active{color:#0078d4}.user-page__tab--active{border-bottom-color:#0078d4}.user-page__panel{display:grid;gap:14px;align-content:start;grid-auto-rows:max-content;flex:1;min-height:0;overflow:auto;padding-right:4px}.user-page__empty{padding:14px 16px;color:#6b737a;background:#fff;border:1px solid #e3e6e8;border-radius:8px}.user-task-groups{display:grid;gap:14px;align-content:start;grid-auto-rows:max-content}.user-task-group{display:grid;gap:10px;align-content:start;grid-auto-rows:max-content}.user-task-group__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.user-task-group__header h3{margin:0;font-size:16px}.user-task-group__meta{display:flex;gap:8px;color:#5d6670;font-size:12px}.user-task-table{display:grid;align-content:start;grid-auto-rows:max-content;overflow:hidden}.user-task-table__row{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(160px,.35fr);gap:12px;padding:10px 12px;border-bottom:1px solid #edf0f2;font-size:var(--app-table-font-size)}.user-task-table__row:last-child{border-bottom:0}.user-task-table__row--header{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-weight:700;font-size:var(--app-table-font-size)}.user-page__account-form{max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;gap:14px}.user-page__account-form .users-form__grid{gap:14px}.user-page__account-form .users-form__row{gap:12px}.user-page__account-form .users-form__grid label{padding:12px;background:#fff;border:1px solid #e3e6e8;border-radius:8px}.user-page__account-form .users-form__checkbox--inline{min-height:74px;align-self:stretch;padding-bottom:12px}.user-page__account-form .users-form__grid input,.user-page__account-form .users-form__grid select{min-height:36px;border-color:#cfd6db;border-radius:6px;background:#fff}.user-stats{display:grid;gap:14px;align-content:start}.user-stats__filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-stats__date-input{height:32px;padding:0 8px;border:1px solid #cfd6db;border-radius:6px;background:#fff;font:inherit;font-size:13px;color:inherit}.user-stats__presets{display:flex;gap:4px;flex-wrap:wrap}.user-stats__preset{padding:4px 10px;border:1px solid #cfd6db;border-radius:6px;background:#fff;font:inherit;font-size:13px;color:#4f5963;cursor:pointer}.user-stats__preset:hover{border-color:#0078d4;color:#0078d4}.user-stats__preset--active{border-color:#0078d4;background:#e8f3fc;color:#0078d4;font-weight:700}.user-stats__preset:disabled{opacity:.5;cursor:default}.user-stats__cards{display:flex;gap:12px;flex-wrap:wrap}.user-stats__card{flex:1;min-width:140px;padding:14px 16px;background:#fff;border:1px solid #e3e6e8;border-radius:8px;display:flex;flex-direction:column;gap:4px}.user-stats__card-label{font-size:12px;color:#6b737a}.user-stats__card-value{font-size:22px;font-weight:700;color:#111}.user-stats-table{display:grid;align-content:start;overflow-x:auto}.user-stats-table__row{display:contents}.user-stats-table__row>div{padding:8px 10px;border-bottom:1px solid #edf0f2;font-size:var(--app-table-font-size);white-space:nowrap}.user-stats-table__row--header>div{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-weight:700}.user-stats-table__row--total>div{background:#f5f7f9;font-weight:700;border-bottom:0}@media(max-width:700px){.user-page__header{align-items:flex-start;flex-direction:column}.user-page__header-actions{position:static;justify-content:flex-start}.user-task-group__header{align-items:flex-start;flex-direction:column}.user-task-table__row{grid-template-columns:44px minmax(0,1fr)}.user-task-table__row>:nth-child(3){grid-column:2}}.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;width:100%;height:100%;font-family:Poppins,sans-serif}.sidebar{width:240px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;height:100%;overflow:hidden}.logo{display:flex;align-items:center;justify-content:flex-start;min-height:60px}.logo img{width:60px;height:auto}.navBox{flex:1;display:flex;flex-direction:column;overflow:hidden}.nav{margin-top:8px;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;min-width:0;min-height:0;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;min-height:62px;border-bottom:2px solid #ddd;font-weight:700;flex-shrink:0}.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;display:flex;flex-direction:column;min-height:0;padding:0 20px;margin-top:20px;overflow:hidden}.content>*{flex:1;min-height:0}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#d92d20;color:#fff;font-size:11px;font-weight:700;margin-left:6px}.production-sheet{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.production-sheet__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.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:8px}.production-sheet__in-progress{display:grid;gap:4px}.production-sheet__section-title{font-size:14px;font-weight:800;color:#2f3438}.production-sheet__in-progress-table{display:grid;gap:5px}.production-sheet__in-progress-row{display:grid;grid-template-columns:1.2fr 1.8fr 1.3fr .9fr .7fr 2fr;gap:12px;align-items:start;padding:10px 12px;background:#fff;border:1px solid #d7e3ef;border-radius:8px;font-size:var(--app-table-font-size)}.production-sheet__in-progress-row>:nth-child(4),.production-sheet__in-progress-row>:nth-child(5){text-align:center}.production-sheet__in-progress-row--header{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-weight:700;font-size:var(--app-table-font-size)}.production-sheet__in-progress-empty{padding:12px;color:#6b737a;background:#fff;border:1px solid #e3e6e8;border-radius:8px;font-size:12px}.production-sheet__tile{background:#fff;border:1px solid #e3e6e8;border-radius:10px;padding:6px 8px;min-width:116px;display:grid;gap:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer}.production-sheet__tile:hover{border-color:#0078d4}.production-sheet__tile:focus-visible{outline:2px solid #0078d4;outline-offset:2px}.production-sheet__tile--active{border-color:#0078d4;background:#eef6fd}.production-sheet__tile-title{font-size:var(--app-table-font-size);font-weight:700;color:#5d6670}.production-sheet__tile-value{font-size:15px;font-weight:800;color:#2f3438;line-height:1.15}.production-sheet__tile-sub{font-size:var(--app-table-font-size);color:#6b737a}.production-sheet__bulk-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:6px 2px}.production-sheet__active-filter{justify-self:start;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 10px;border:1px solid #b8d7f0;border-radius:999px;background:#eef6fd;color:#155883;font-size:12px;font-weight:700}.production-sheet__active-filter-clear{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.production-sheet__active-filter-clear:hover{background:#1558831f}.production-sheet__active-filter-clear .material-symbols-outlined{font-size:16px}.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;flex:1;min-height:0;overflow:auto;padding-right:4px}.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:var(--app-table-font-size)}.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{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);font-weight:700;font-size:11px}.time-table__sort{width:100%;min-height:20px;display:inline-flex;align-items:center;justify-content:inherit;gap:4px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:inherit;cursor:pointer}.time-table__sort:hover,.time-table__sort:focus-visible,.time-table__sort--active{color:#0078d4}.time-table__sort:focus-visible{outline:2px solid #0078d4;outline-offset:2px;border-radius:4px}.time-table__sort-indicator{width:14px;min-width:14px;height:14px;font-size:14px;line-height:1}.time-table__row--clickable{cursor:pointer}.time-table__row--clickable:hover{background:var(--app-table-hover-bg, #f6f9fc)}.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}.time-table__row-actions{display:flex;gap:2px;align-items:center}.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}.production-sheet-page{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.my-requests{display:grid;gap:14px;align-content:start;flex:1;min-height:0;overflow:auto}.my-requests-table{display:grid;grid-template-columns:70px minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) 90px minmax(120px,1fr);align-content:start}.my-requests-table__row{display:contents}.my-requests-table__row>div{padding:8px 10px;border-bottom:1px solid #edf0f2;font-size:var(--app-table-font-size)}.my-requests-table__row--header>div{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-weight:700}.my-requests__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.my-requests__badge--pending{background:#f0f0f0;color:#5d6670}.my-requests__badge--approved{background:#e6f4ea;color:#1e7e34}.my-requests__badge--rejected{background:#fdecea;color:#c0392b}.inventory-items-page{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.inventory-items-page__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inventory-items-page__header h2{margin:0 auto 0 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{flex:1;min-height:0;overflow:auto;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{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-size:var(--app-table-font-size);font-weight:700;padding:10px 12px;border-bottom:1px solid #e6e6e6;border-radius:8px}.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;height:100%;min-height:0}.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;flex:1;min-height:0;overflow:auto;padding-right:4px}.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:var(--app-table-font-size)}.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{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);font-weight:700;font-size:var(--app-table-font-size)}.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}.edit-requests{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.edit-requests-table{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) 80px minmax(160px,1.2fr);align-content:start;flex:1;min-height:0;overflow:auto}.edit-requests-table__row{display:contents}.edit-requests-table__row>div{padding:8px 10px;border-bottom:1px solid #edf0f2;font-size:var(--app-table-font-size)}.edit-requests-table__row--header>div{position:sticky;top:0;z-index:5;background:var(--app-table-header-bg);color:#2f3438;font-weight:700}.edit-requests-table__actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.edit-requests__error{position:static;visibility:visible;align-self:flex-start;margin:0;padding:8px 10px;border:1px solid #f0b8b8;border-radius:6px;background:#fff3f3;color:#a21c1c;font-size:13px;font-weight:600}.edit-requests__reject-form{display:flex;flex-direction:column;gap:6px;width:100%}.edit-requests__reject-note{width:100%;padding:6px 8px;border:1px solid #cfd6db;border-radius:6px;font:inherit;font-size:13px;resize:vertical;box-sizing:border-box}.edit-requests__reject-btns{display:flex;gap:6px}.edit-requests__resolved-by{font-size:11px;color:#6b7280;margin-bottom:2px}:root{--app-control-bg: #ffffff;--app-control-border: #cfd6db;--app-control-border-focus: #0078d4;--app-control-color: #2f3438;--app-control-muted: #6b737a;--app-control-radius: 6px;--app-control-height: 36px;--app-control-padding: 8px 10px;--app-control-font-size: 14px}:is(.production-sheet__control,.metrics-page__control,.dashboard-page__selector select,.inventory-items-page__selector select,.project-form__field input,.project-form__field select,.project-team-row select,.project-task-row select,.item-tracking-row select,.item-tracking-row input,.project-task-input,.project-task-data__row input,.project-task-data__row select,.project-task-data__row textarea,.project-team-template select,.users-form__grid input,.users-form__grid select,.customers-form__grid input,.teams-form__field input,.teams-member-row select,.inventory-items-page__modal-card input,.inventory-items-page__modal-card select,.production-sheet__modal-card input,.production-sheet__modal-card select,.production-sheet__modal-card textarea){min-height:var(--app-control-height);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);padding:var(--app-control-padding);background:var(--app-control-bg);color:var(--app-control-color);font-family:inherit;font-size:var(--app-control-font-size);outline:none}:is(.production-sheet__control,.metrics-page__control,.dashboard-page__selector select,.inventory-items-page__selector select,.project-form__field input,.project-form__field select,.project-team-row select,.project-task-row select,.item-tracking-row select,.item-tracking-row input,.project-task-input,.project-task-data__row input,.project-task-data__row select,.project-task-data__row textarea,.project-team-template select,.users-form__grid input,.users-form__grid select,.customers-form__grid input,.teams-form__field input,.teams-member-row select,.inventory-items-page__modal-card input,.inventory-items-page__modal-card select,.production-sheet__modal-card input,.production-sheet__modal-card select,.production-sheet__modal-card textarea):focus{border-color:var(--app-control-border-focus);box-shadow:0 0 0 2px #0078d41f}textarea{resize:vertical}:is(.users-form__grid label,.customers-form__grid label,.production-sheet__modal-card label,.inventory-items-page__modal-card label,.project-form__field,.teams-form__field){color:var(--app-control-color);font-weight:600}.manage-page-search-bar{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 12px;border:1px solid #dde3ea;border-radius:var(--app-control-radius);background:var(--app-control-bg)}.manage-page-search-bar .material-symbols-outlined{flex-shrink:0;color:#888;font-size:18px}.manage-page-search-bar input{flex:1;min-width:0;border:0;background:transparent;color:var(--app-control-color);font-family:inherit;font-size:var(--app-control-font-size);outline:none}.manage-page-search-bar__clear{width:auto;height:auto;margin:0;padding:0;border:0;background:transparent;color:#888;cursor:pointer}.manage-page-search-bar__clear .material-symbols-outlined{font-size:16px}.btn-icon-small,.btn-icon-square{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;cursor:pointer}.btn-icon-small{padding:4px;background:transparent}.btn-icon-square{width:36px;height:36px;background:#065a92;color:#fff}.btn-icon-square:hover{background:#064b7a}.btn-icon-small .material-symbols-outlined,.btn-icon-square .material-symbols-outlined{font-size:20px}.btn-icon-small .material-symbols-outlined{color:#005b96}.btn-icon-small:hover .material-symbols-outlined{color:#003f6b}.btn-icon-small.danger .material-symbols-outlined,.btn-icon-small.danger:hover .material-symbols-outlined{color:#b42318}input[type=checkbox]{accent-color:#0078d4}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:0;border-radius:6px;background:#0078d4;color:#fff;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer}.app-btn:hover:not(:disabled){background:#005a9e}.app-btn:disabled{background:#c9d1d6;color:#626c72;cursor:not-allowed}.app-btn--danger{background:#b42318}.app-btn--danger:hover:not(:disabled){background:#8a1b12}.app-btn .material-symbols-outlined{font-size:18px;line-height:1}:root{--app-table-bg: #ffffff;--app-table-border: #e3e6e8;--app-table-header-bg: #f5f6f7;--app-table-header-color: #2f3438;--app-table-hover-bg: #f6f9fc;--app-table-radius: 8px;--app-table-gap: 6px;--app-table-cell-padding: 8px 12px;--app-table-font-size: 12px;--app-table-scroll-padding-bottom: 20px}:is(.manage-page__content,.users-table-wrapper,.project-table-wrapper,.teams-table-wrapper,.customers-table-wrapper,.time-table,.metrics-page .time-table,.inventory-items-page__table,.user-page__panel,.dashboard-page,.projectList){min-height:0;scrollbar-gutter:stable}:is(.users-table-wrapper,.project-table-wrapper,.teams-table-wrapper,.customers-table-wrapper){background:transparent;box-shadow:none;border:0;border-radius:0;overflow:auto;padding-right:4px;padding-bottom:var(--app-table-scroll-padding-bottom)}:is(.users-table,.project-table,.teams-table,.customers-table){width:100%;border-collapse:separate;border-spacing:0 var(--app-table-gap);background:transparent;border-radius:0;overflow:visible;font-size:var(--app-table-font-size)}:is(.users-table,.project-table,.teams-table,.customers-table) thead{background:transparent;text-align:left}:is(.users-table,.project-table,.teams-table,.customers-table) th{position:sticky;top:0;z-index:10;padding:var(--app-table-cell-padding);background:var(--app-table-header-bg);color:var(--app-table-header-color);border-top:1px solid var(--app-table-border);border-bottom:1px solid var(--app-table-border);font-size:var(--app-table-font-size);font-weight:700}:is(.users-table,.project-table,.teams-table,.customers-table) th:first-child{border-left:1px solid var(--app-table-border);border-top-left-radius:var(--app-table-radius);border-bottom-left-radius:var(--app-table-radius)}:is(.users-table,.project-table,.teams-table,.customers-table) th:last-child{border-right:1px solid var(--app-table-border);border-top-right-radius:var(--app-table-radius);border-bottom-right-radius:var(--app-table-radius)}:is(.users-table,.project-table,.teams-table,.customers-table) td{padding:var(--app-table-cell-padding);background:var(--app-table-bg);border-top:1px solid var(--app-table-border);border-bottom:1px solid var(--app-table-border);font-size:var(--app-table-font-size)}:is(.users-table,.project-table,.teams-table,.customers-table) td:first-child{border-left:1px solid var(--app-table-border);border-top-left-radius:var(--app-table-radius);border-bottom-left-radius:var(--app-table-radius)}:is(.users-table,.project-table,.teams-table,.customers-table) td:last-child{border-right:1px solid var(--app-table-border);border-top-right-radius:var(--app-table-radius);border-bottom-right-radius:var(--app-table-radius)}:is(.users-table,.project-table,.teams-table,.customers-table) tbody tr:hover td{background:var(--app-table-hover-bg)}:is(.time-table,.metrics-page .time-table,.production-sheet__in-progress-table,.inventory-items-page__table,.user-task-table,.dashboard-page__progress-table,.dashboard-page__summary,.teams-member-rows,.project-team-rows,.project-task-rows,.item-tracking-rows){background:transparent;box-shadow:none;border:0;border-radius:0;padding:0 0 var(--app-table-scroll-padding-bottom);gap:var(--app-table-gap);align-content:start}:is(.time-table__row,.metrics-page .time-table__row,.production-sheet__in-progress-row,.inventory-items-page__table-row,.user-task-table__row,.dashboard-page__progress-row,.dashboard-page__summary-row){padding:var(--app-table-cell-padding);background:var(--app-table-bg);border:1px solid var(--app-table-border);border-radius:var(--app-table-radius);font-size:var(--app-table-font-size)}:is(.time-table__row--header,.metrics-page .time-table__row--header,.production-sheet__in-progress-row--header,.inventory-items-page__table-header,.user-task-table__row--header,.dashboard-page__progress-row--header,.dashboard-page__summary-header,.teams-member-row--header,.project-team-row--header,.project-task-row--header,.item-tracking-row--header){position:sticky;top:0;z-index:10;padding:var(--app-table-cell-padding);background:var(--app-table-header-bg);color:var(--app-table-header-color);border:1px solid var(--app-table-border);border-radius:var(--app-table-radius);font-size:var(--app-table-font-size);font-weight:700}:is(.inventory-items-page__table-header,.dashboard-page__progress-row--header,.dashboard-page__summary-header){margin-bottom:0}
