body{min-width:1080px;background:#f2f6fc}.staff-layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.staff-sidebar{background:#112f55;color:#c0d4ee;padding:28px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.staff-logo{font-weight:750;font-size:35px;font-style:italic;color:white;letter-spacing:3px;padding:0 14px}.staff-sidebar small{padding:4px 14px 25px;font-size:12px}.staff-sidebar nav{display:flex;flex-direction:column;gap:6px}.staff-sidebar nav a{font-size:14px;padding:13px 14px;border-radius:9px}.staff-sidebar nav a.active{background:#24568e;color:#fff}.staff-sidebar nav a:hover{background:#1c4575}.staff-user{margin-top:auto;padding:20px 14px 0;border-top:1px solid #ffffff20;display:flex;flex-direction:column;gap:10px}.staff-user strong{font-size:14px;color:#fff}.staff-user a,.staff-user button{background:none;color:#a9c7ef;padding:0;text-align:left;font-size:12px}.staff-main{padding:34px 38px;min-width:0}.staff-main h1{font-size:28px}.staff-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.staff-top h1{margin:0}.staff-top .actions{display:flex;gap:10px}.staff-main .panel{padding:24px;margin-bottom:20px}.notice{padding:15px 18px;background:#e5efff;color:#335e92;border:1px solid #c9dcf8;border-radius:10px;font-size:13px;line-height:1.7;margin-bottom:20px}.notice.error{background:#fff0f0;border-color:#efc7c7;color:#a53232}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#eaf1fb;color:#5d7495;font-size:12px;font-weight:600;padding:13px 15px}td{padding:16px 15px;border-bottom:1px solid #e3ebf5;vertical-align:top}td a{color:#175cc2;font-weight:600}td small{display:block;color:#70839d;margin-top:5px;font-size:12px}.status{display:inline-block;border-radius:7px;padding:5px 9px;font-size:12px;background:#e9eff7;color:#4b6486;white-space:nowrap}.status.new,.status.pending{background:#fff0cf;color:#856013}.status.working,.status.active{background:#e1edff;color:#245cae}.status.done,.status.closed{background:#def2e9;color:#286b51}.status.withdrawn,.status.blocked,.status.deleted{background:#f7e5e9;color:#8b4457}.badge{display:inline-block;font-size:11px;border-radius:6px;background:#d9e9ff;color:#23578f;padding:4px 7px;margin:3px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:end}.toolbar input,.toolbar select{border:1px solid #d6e2f1;border-radius:8px;background:white;padding:10px;font-size:13px;min-width:125px}.toolbar label{font-size:11px;color:#65758e;display:flex;flex-direction:column;gap:5px}.toolbar .wide{flex:1;min-width:200px}.toolbar .button{min-height:38px;padding:9px 15px}.staff-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.staff-grid .side .button{width:100%;margin-top:10px}.data-list{display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:14px;line-height:1.6}.data-list dt{color:#6b7f9d}.data-list dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.record-tabs{display:flex;gap:18px;border-bottom:1px solid #d9e4f3;margin:0 0 20px}.record-tabs button{padding:12px 0;background:none;color:#6d80a0;font-size:14px}.record-tabs button.active{border-bottom:2px solid #1264ee;color:#1264ee}.note{border:1px solid #d9e5f4;background:#f6f9ff;border-radius:10px;padding:16px;margin:12px 0}.note.private{background:#fff8ea;border-color:#ebd9b9}.note header{background:none;box-shadow:none;border:0;display:flex;justify-content:space-between;font-size:12px;color:#60779b}.note p{font-size:14px;white-space:pre-wrap;margin:12px 0;overflow-wrap:anywhere}.note-actions{display:flex;gap:12px}.note-actions button{background:none;color:#1d62bd;padding:0;font-size:12px}.history-entry{border:1px solid #dde7f4;border-radius:10px;padding:16px;margin:12px 0;font-size:14px}.history-entry summary{cursor:pointer;font-weight:600}.history-entry small{color:#6f82a0}.history-entry pre{white-space:pre-wrap;word-break:break-word;background:#f1f6ff;padding:12px;font-size:12px;max-height:350px;overflow:auto}.auth-wrap{width:480px;margin:7vh auto}.auth-wrap h1{text-align:center;margin:20px 0 30px}.auth-wrap .wordmark{justify-content:center}.auth-wrap .button{width:100%}.auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;color:#175cc2}.muted-block{font-size:12px;color:#6d819c;line-height:1.8}.danger{color:#a52b42;background:#ffe9ed}.danger:hover{background:#ffd9e0}.row-form{display:grid;grid-template-columns:minmax(120px,1fr) 90px 110px 110px 70px;gap:10px;align-items:center;margin:12px 0}.row-form input,.row-form select{width:100%;min-width:0;padding:9px;border:1px solid #d4e1f0;border-radius:7px;font-size:13px}.row-form label{font-size:11px;color:#7084a0}.notes-form textarea{min-height:100px}.image-preview{height:150px;max-width:250px;object-fit:contain;background:white;border:1px solid #d7e3f3;border-radius:10px}.small-button{background:#e6f0ff;color:#215aa8;font-size:12px;padding:7px 10px;border-radius:7px}.link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.link-list a{background:#e9f2ff;padding:7px 11px;border-radius:7px;color:#205ba9;font-size:13px}.staff-chat{height:400px}.staff-chat .bubble{max-width:85%}.empty-state{min-height:200px}.save-bar{display:flex;gap:12px;align-items:center;margin-top:25px}.no-margin{margin:0!important}.field textarea.code-area{font-family:monospace;font-size:13px;min-height:170px}.staff-main .form-grid{gap:0 20px}.list-subtitle{font-size:12px;color:#6880a3;margin-top:8px}.mail-body{white-space:pre-wrap;font-size:13px;line-height:1.6}.tagline{font-size:13px;color:#7591b4}

.staff-logo{padding:0 8px}.staff-logo .aura-logo{width:183px;height:48px;color:#fff;margin-bottom:12px}

.filter-editor{padding:20px;margin:16px 0;border:1px solid #d6e2f1;border-radius:12px;background:#f7faff;display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.4fr) auto;align-items:start;gap:20px}.filter-editor.archived{background:#f2f3f5;opacity:.75}.filter-editor textarea{min-height:105px}.filter-editor .small-button{margin-top:25px}

.staff-menu-toggle{display:none}
@media(max-width:1079px){
 body{min-width:0}
 .staff-layout{grid-template-columns:190px minmax(0,1fr)}
 .staff-sidebar{padding:22px 10px;overflow-y:auto}
 .staff-logo .aura-logo{width:158px;height:43px}
 .staff-main{padding:24px 20px}
 .staff-grid{grid-template-columns:minmax(0,1fr)}
 .staff-grid .side{grid-row:1}
 .staff-grid .side .panel{padding:18px}
 .filter-editor{grid-template-columns:minmax(0,1fr)}
 .filter-editor .small-button{margin-top:0}
 .row-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .row-form>.field:first-child{grid-column:1/-1}
 .staff-main .panel{min-width:0}
 .auth-wrap{width:calc(100% - 32px);max-width:480px}
}
@media(max-width:700px){
 .staff-layout{display:block}
 .staff-sidebar{position:relative;height:auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}
 .staff-logo{padding:0}
 .staff-logo .aura-logo{width:180px;height:47px;margin:0}
 .staff-sidebar>small{grid-column:1;grid-row:2;padding:4px 0 0}
 .staff-menu-toggle{display:block;grid-column:2;grid-row:1/3;align-self:center;background:#24568e;color:#fff;border:1px solid #6387b0;border-radius:9px;min-height:44px;padding:10px 14px;font-weight:600}
 .staff-sidebar nav,.staff-sidebar .staff-user{display:none;grid-column:1/-1}
 .staff-sidebar.menu-open nav{display:flex;margin-top:18px}
 .staff-sidebar.menu-open .staff-user{display:flex;margin-top:16px;padding:16px 0 0}
 .staff-sidebar nav a{min-height:44px}
 .staff-user a,.staff-user button{min-height:44px;display:flex;align-items:center;font-size:14px}
 .staff-main{padding:22px 16px 40px}
 .staff-main h1{font-size:25px;overflow-wrap:anywhere}
 .staff-top{align-items:start;flex-direction:column;gap:12px;margin-bottom:18px}
 .staff-top .actions,.save-bar{width:100%;flex-wrap:wrap;gap:8px}
 .staff-top .actions>*{flex:1}
 .staff-main .panel{padding:16px;margin-bottom:16px}
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .toolbar .wide{grid-column:1/-1;min-width:0}
 .toolbar label{min-width:0}
 .toolbar input,.toolbar select{min-width:0;width:100%;font-size:16px;min-height:44px}
 .toolbar .button{min-height:44px}
 .data-list{grid-template-columns:minmax(0,1fr);gap:4px}
 .data-list dd{margin-bottom:12px}
 .record-tabs{gap:20px;overflow-x:auto;white-space:nowrap;padding-bottom:3px}
 .record-tabs button{min-height:44px;flex-shrink:0}
 .note header{flex-wrap:wrap;gap:8px;line-height:1.5}
 .note-actions{flex-wrap:wrap}
 .note-actions button,.small-button{min-height:44px;padding:10px 12px}
 .row-form{padding:14px;border:1px solid #d9e4f3;border-radius:10px;gap:12px}
 .row-form input,.row-form select{font-size:16px;min-height:44px}
 .filter-editor{padding:16px;gap:8px}
 .staff-main .form-grid{grid-template-columns:minmax(0,1fr)}
 .table-wrap{overflow:visible}
 table.mobile-cards,table.mobile-cards tbody{display:block;width:100%}
 table.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 table.mobile-cards tr{display:block;border:1px solid #d9e4f3;border-radius:10px;padding:12px;margin-bottom:14px;background:#fff}
 table.mobile-cards td{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr);gap:5px 12px;padding:9px 0;overflow-wrap:anywhere;border-bottom:1px solid #edf2f8;font-size:13px}
 table.mobile-cards td:before{content:attr(data-label);color:#657b98;font-size:12px;grid-column:1;grid-row:1}
 table.mobile-cards td>*{grid-column:2;min-width:0}
 table.mobile-cards td:empty{display:none}
 table.mobile-cards td:last-child{border-bottom:0}
 table.mobile-cards td[colspan]{display:block}
 .status{white-space:normal;line-height:1.4;max-width:100%}
 .staff-chat{height:42vh;height:42dvh;min-height:240px}
 .staff-chat .bubble{max-width:95%}
 .staff-main .chat-input{padding:12px 0}
 .auth-wrap{margin:30px auto}
 .auth-wrap h1{font-size:26px}
 .auth-links{gap:16px;flex-wrap:wrap}
 .auth-links a{min-height:44px;display:flex;align-items:center}
 .mail-body,.notice{overflow-wrap:anywhere}
}