#work-page{max-width:1500px;margin:auto}#work-page h1{margin:0;font-size:32px}#work-page h2{font-size:24px}.work-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.work-header p{margin-bottom:0}.work-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-stat{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border:1px solid #365263;border-radius:14px;background:linear-gradient(120deg,#152b3b,#102230);color:#eaf4ff;text-align:left;cursor:pointer}.work-stat strong{font-size:32px}.work-stat.work-review span{color:#ffcf65}.work-stat.work-approved span{color:#86d6f9}.work-stat.work-paid span{color:#93e2b3}.work-period{text-align:right;font-size:13px}.work-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0}.work-toolbar label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px}.work-toolbar input,.work-toolbar select{min-height:42px}.work-tabs{display:flex;gap:18px;align-self:center;margin-right:auto}.work-tabs button{padding:14px 0;text-decoration:none;border-bottom:2px solid transparent}.work-tabs .selected{border-color:#42c7df;color:#fff}.work-table{max-height:65vh;overflow:auto;border:1px solid #355164;border-radius:14px}.work-table table{width:100%;border-collapse:collapse;background:#122432}.work-table th,.work-table td{padding:20px 16px;border-bottom:1px solid #304657;text-align:left}.work-table th{background:#182f40;position:sticky;top:0;z-index:1}.work-table small{display:block;margin-top:7px;color:#b1c1d1}.work-badge{display:inline-block;white-space:nowrap;border:1px solid #496577;background:#213947;color:#d3e6f2;border-radius:24px;padding:6px 12px;font-size:13px}.work-badge.work-review,.work-badge.work-correction{background:#4d3c15;color:#ffdc83;border-color:#97792a}.work-badge.work-approved,.work-badge.work-partial{background:#153e61;color:#9edbff;border-color:#286a92}.work-badge.work-paid{background:#184d38;color:#a5edc3;border-color:#327652}.work-badge.work-cancelled{opacity:.65}.work-foot{margin-top:22px;font-size:13px}.work-empty{padding:44px 24px;background:#122432;border-radius:14px;border:1px solid #355164}.work-cards{display:none}.work-calendar{padding:24px;border-radius:16px;background:#122432;border:1px solid #355164}.work-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:24px 0}.work-week>div{text-align:center;border:1px solid #355164;border-radius:9px;padding:10px 4px;display:flex;flex-direction:column;gap:8px}.work-week strong{font-size:24px}.work-week .today{background:#167495;color:#fff}.work-event{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:20px;width:100%;text-align:left;padding:20px;border:1px solid #3c718a;border-radius:12px;background:#102535;color:#e8f1f8;margin-bottom:12px;cursor:pointer}.work-event small{display:block;margin-top:6px;color:#b3c5d4}.work-event strong{font-size:17px}.work-calendar h3{margin-top:28px}
#work-dialog{box-sizing:border-box;width:min(820px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:90vh;max-height:90dvh;overflow:auto;padding:28px;border:1px solid #42637b;border-radius:18px;background:#10212f;color:#edf4fb}#work-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.work-dialog-head,.work-detail-title{display:flex;justify-content:space-between;gap:18px;align-items:center}.work-detail-title h3{font-size:24px;margin:8px 0}.work-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-form-grid label{min-width:0}#work-dialog label{display:flex;flex-direction:column;gap:8px;margin:16px 0}#work-dialog input,#work-dialog select,#work-dialog textarea{box-sizing:border-box;width:100%;min-width:0;background:#0b1b27;border:1px solid #42637b;color:#edf4fb;border-radius:8px;padding:11px;font:inherit}#work-dialog small{display:block;color:#b5c8d7;margin-bottom:8px}.work-info{border:1px solid #304b60;border-radius:12px;background:#142b3b;padding:16px;margin:14px 0;overflow-wrap:anywhere}.work-info p{white-space:pre-wrap;margin:6px 0}.work-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #355164;background:#142b3b;border-radius:12px}.work-money>div{padding:16px;overflow-wrap:anywhere}.work-money strong{font-size:18px}#work-dialog .work-approve{background:#249960;color:#fff;border-color:#41d591}#work-dialog .dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#work-dialog details{margin-top:24px}#work-dialog summary{cursor:pointer}#work-dialog .form-error{color:#ffb6ba}.work-form-grid datalist{display:none}
@media(max-width:650px){#work-page h1{font-size:26px}.work-stats{grid-template-columns:1fr;gap:9px}.work-stat{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}.work-stat strong{font-size:24px}.work-table{display:none}.work-cards{display:grid;gap:12px}.work-card{display:flex;flex-direction:column;gap:9px;width:100%;padding:18px;border:1px solid #365263;border-radius:12px;background:#142b3b;color:#edf4fb;text-align:left;cursor:pointer}.work-card>strong{font-size:18px}.work-card>span{color:#b9ccda;font-size:13px}.work-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.work-toolbar{gap:12px}.work-toolbar label{flex:1;min-width:130px}.work-tabs{width:100%}.work-calendar{padding:14px}.work-event{grid-template-columns:1fr;gap:12px;padding:16px}.work-week{gap:4px}.work-week>div{font-size:11px}.work-week strong{font-size:18px}.work-form-grid{grid-template-columns:1fr;gap:0}.work-money{grid-template-columns:1fr}.work-money>div{padding:12px}#work-dialog{padding:18px}#work-dialog .dialog-actions>.button{flex:1}.work-detail-title{flex-wrap:wrap}.work-period{text-align:left}}

.work-calendar-card{padding:20px;margin:20px 0;border:1px solid #36637b;border-radius:14px;background:#102a3a}.work-calendar-connection{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 20px;margin-bottom:22px;border:1px solid #355164;border-radius:12px;background:#112737}.work-calendar-connection p{margin:6px 0;font-size:13px;color:#afc4d5}.work-calendar-connection>div{flex:1;min-width:180px}.work-reminder{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border:1px solid #355164;border-radius:10px;padding:14px;margin:8px 0}.work-calendar-warning{color:#ffce7a}#work-dialog label.work-calendar-toggle{flex-direction:row;align-items:center}#work-dialog .work-calendar-toggle input{width:20px;height:20px;flex:none;accent-color:#30bdea}.work-calendar-card .work-dialog-head{flex-wrap:wrap}.work-calendar-card h3{margin:0}.work-calendar-card small{line-height:1.5}

.work-material{padding:20px;border:1px solid #36596d;border-radius:14px;background:#0d202d;margin:20px 0}.work-material h3{margin:0 0 12px}.work-material-step{padding:16px 0;border-top:1px solid #304859}.work-material h4{margin:0 0 10px;font-size:18px;display:flex;align-items:center;gap:12px}.work-material h4>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:2px solid #30b9d4;border-radius:50%;color:#65d7eb}.work-material p{color:#b6c8d8}.work-material-step>.primary{width:100%;margin-bottom:12px}.work-material-folder{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:1px solid #304859;border-radius:8px;margin-top:14px}.work-material-folder small{margin:0!important}.work-material-link{display:flex;gap:10px;align-items:center}.work-material-link input{flex:1}.work-material-link button{flex-shrink:0}.work-material .work-material-success{color:#92dfb4}.work-material-feedback:empty{display:none}.work-material button:disabled{opacity:.45;cursor:not-allowed}.landing-work-context{border:1px solid #38bcd3;background:#122b39;border-radius:12px;padding:16px;margin:18px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.landing-work-context strong{margin-right:auto}.landing-work-context small{width:100%}@media(max-width:600px){.work-material{padding:14px}.work-material-link{flex-wrap:wrap}.work-material-link input{flex-basis:100%}.work-material .dialog-actions{flex-wrap:wrap}}