#page-clients{overflow:auto;background:linear-gradient(160deg,#060d16,#07121d);padding:28px}.lelynx-portal{width:100%;max-width:1440px;margin:0 auto;color:#dcecf6}.lp-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:16px}.lp-eyebrow{font:10px Consolas,monospace;letter-spacing:.17em;color:#7ddded}.lp-header h1{font-size:28px;letter-spacing:-.035em;font-weight:600;margin:8px 0}.lp-header p{color:#8da5b6;font-size:13px;margin:0}.lp-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.lp-rail,.lp-main{background:rgba(7,18,29,.85);border:1px solid #264254;border-radius:15px;padding:18px;min-width:0}.lelynx-portal h2{font-size:16px;margin:0 0 14px}.lelynx-portal h3{font-size:16px;margin:22px 0 14px}.lelynx-portal h4{font-size:14px;margin:0 0 12px}.lp-button,.lp-space,.lp-project{font:inherit;color:#c9e4f1;cursor:pointer}.lp-button{background:#0b2637;border:1px solid #2c6076;padding:9px 13px;border-radius:8px;font-size:12px;white-space:nowrap}.lp-button:hover{border-color:#66dff3}.lp-button:disabled{opacity:.5;cursor:wait}.lp-space{display:block;text-align:left;width:100%;border:1px solid #234151;background:#091b28;border-radius:9px;padding:11px 12px;margin:8px 0;overflow-wrap:anywhere;font-size:13px}.lp-space.selected{border-color:#4bb8d2;background:#103144;color:#a8f1ff}.lp-field{display:grid;gap:6px;margin:12px 0;min-width:0}.lp-field>span{font-size:11px;color:#91aaba}.lp-field input,.lp-field textarea,.lp-field select{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;line-height:1.5;color:#d5e8f4;background:#050f19;border:1px solid #284557;border-radius:8px;padding:9px 11px;outline:none}.lp-field textarea{resize:vertical}.lp-field input:focus,.lp-field textarea:focus,.lp-field select:focus{border-color:#59c9df;box-shadow:0 0 0 2px #4acfe315}.lp-help{font-size:11px;color:#819dae;line-height:1.6;white-space:normal}.lp-empty{color:#8fa8b9;font-size:13px;line-height:1.7}.lp-notice{font-size:12px;color:#88e6c7;line-height:1.6;min-height:20px;margin:0 0 13px}.lp-error{color:#ffc28c}.lelynx-portal details{border-top:1px solid #25404f;padding-top:13px;margin-top:17px}.lelynx-portal summary{font-size:12px;color:#9bdcea;cursor:pointer}.lp-project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.lp-project{display:grid;gap:7px;text-align:left;padding:13px;border:1px solid #234354;border-radius:10px;background:#0a1d2b;min-width:0}.lp-project strong{font-size:13px;overflow-wrap:anywhere}.lp-project span{color:#8ba5b7;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65px;overflow:auto}.lp-document-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #1e3949}.lp-document-row>div:first-child{display:grid;gap:5px;min-width:0}.lp-document-row strong{font-size:13px;overflow-wrap:anywhere}.lp-doc-actions{display:flex;gap:7px}.lp-doc-actions button{padding:7px 9px;font-size:10px}.lp-preview:not(:empty){border:1px solid #294c5f;border-radius:10px;padding:16px;margin-top:18px;background:#040d15}.lp-preview pre{font:12px/1.7 Consolas,monospace;max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#c9dce9;margin:0}.lp-password{padding:16px;border:1px solid #244453;border-radius:12px;background:#081724;max-width:520px;margin-top:22px}.lelynx-portal :focus-visible{outline:2px solid #64cfe2;outline-offset:2px}@media(max-width:900px){#page-clients{padding:18px}.lp-layout{grid-template-columns:240px minmax(0,1fr);gap:14px}.lp-rail,.lp-main{padding:14px}.lp-document-row{align-items:flex-start;flex-direction:column;gap:9px}.lp-header h1{font-size:24px}}@media(max-width:650px){#page-clients{padding:14px}.lp-layout{grid-template-columns:1fr}.lp-header{align-items:flex-start}.lp-header h1{font-size:22px}.lp-header p{font-size:11px}.lp-rail{max-height:420px;overflow:auto}.lp-project-list{grid-template-columns:1fr}.lp-button{font-size:11px}}
.lp-header{flex-wrap:wrap}.lp-header>.lp-doc-actions{flex-wrap:wrap}@media(max-width:650px){.lp-header>.lp-doc-actions{width:100%;justify-content:flex-start}}