@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172236;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{background:#111b2c;color:#cbd5e1;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;color:#fff}.brand>span,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f8cff,#6557df);font-weight:800;color:#fff}.brand strong{line-height:1.15}.brand>img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}nav{display:grid;gap:6px}nav button,.logout{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;background:transparent;color:#9cabc0;text-align:left}nav button svg,.logout svg{width:19px}nav button:hover,nav button.active{background:#24334a;color:#fff}.logout{margin-top:auto}.shell>main{padding:0 34px 60px;min-width:0}header{height:108px;display:flex;align-items:center}.header-brand{margin-left:auto;display:flex;align-items:center;gap:12px;max-width:360px}.header-brand img{width:58px;height:58px;object-fit:contain}.header-brand strong{font-size:16px;text-align:right}header h1{margin:0;font-size:26px}header p,.section-title p,.panel>p{margin:5px 0 0;color:#718096}.menu,.mobile-close{display:none}.panel{background:#fff;border:1px solid #e4eaf2;border-radius:15px;padding:24px;margin-bottom:22px;box-shadow:0 2px 12px #17223608}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2,.panel h2{margin:0;font-size:19px}.primary{background:#306de8!important;color:#fff!important;padding:11px 16px;border-radius:9px;display:inline-flex;align-items:center;gap:8px;font-weight:600}.primary svg,.actions svg,.exports svg{width:17px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:18px}.card span{display:block;color:#75839a;font-size:13px}.card strong{display:block;font-size:24px;margin-top:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#718096;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:11px;border-bottom:1px solid #e8edf4;position:sticky;top:0;background:#fff}td{padding:12px 11px;border-bottom:1px solid #edf1f6}td button,.actions button,.row-actions button{border-radius:7px;padding:7px 10px;background:#edf3fc;color:#275fc8}.status,.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#e8f1ff;color:#285faf;font-size:12px}.status.fertig{background:#e4f7eb;color:#217a43}.status.pausiert,.status.wartet-auf-kunde{background:#fff1d7;color:#9b6200}.status.archiviert{background:#edf0f4;color:#667}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.form-grid label,.login label{display:grid;gap:7px;color:#536176;font-size:13px;font-weight:600}.wide{grid-column:1/-1}.inset{background:#f7f9fc;padding:20px;border-radius:12px;margin-bottom:22px}input,select,textarea{border:1px solid #cfd8e5;border-radius:8px;padding:10px 11px;background:#fff;color:#1b2940;min-width:0}textarea{min-height:80px}.vault-open-link{display:inline-flex;margin-top:5px;color:#7aa7ff;font-size:12px;font-weight:600;text-decoration:none}.vault-open-link:hover{text-decoration:underline}.search{width:280px}.customer-grid,.base-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customer,.base-grid article{display:flex;gap:13px;align-items:center;border:1px solid #e7ebf1;padding:15px;border-radius:11px}.customer .badge{margin-left:auto}.avatar{width:42px;height:42px;border-radius:50%;background:#dfeafd;color:#3264bb;display:grid;place-items:center;font-weight:700}.customer h3,.base-grid h3{margin:0}.customer p,.base-grid p,.base-grid small{margin:4px 0;color:#7a8799}.base-grid article{justify-content:space-between}.actions,.row-actions,.exports{display:flex;gap:7px}.actions button{display:flex;align-items:center;gap:6px}.items td input,.items td select{display:block;width:100%;margin:3px 0;padding:7px}.items td:nth-child(2){min-width:230px}.items td small{display:block;color:#7a8799}.row-actions button{padding:5px}.row-actions svg{width:15px;height:15px}.row-actions .danger{color:#c33;background:#ffecec}.summary{position:sticky;bottom:12px;background:#142239;color:#fff;border-radius:14px;padding:17px 22px;display:flex;align-items:center;gap:35px;box-shadow:0 8px 30px #16243b40}.summary div{display:grid;gap:3px}.summary span{font-size:12px;color:#9fb0c9}.summary strong{font-size:17px}.summary .total{margin-left:auto}.summary .total strong{font-size:24px;color:#7da5ff}.exports{display:flex!important}.exports a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:5px;padding:8px;background:#263b59;border-radius:7px}.empty{text-align:center;color:#8491a3;padding:40px}.center{display:grid;place-items:center;min-height:50vh;color:#718096}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#dfeaff,#f3f6fa 50%)}.login-card{width:min(420px,calc(100vw - 32px));padding:38px}.login-card .brand-mark{margin-bottom:22px}.login-logo{display:block;width:130px;height:100px;object-fit:contain;margin:0 auto 10px}.login-card h1{margin:0}.login-card>p{color:#718096;margin:5px 0 26px}.login-card label{margin:14px 0}.login-card .primary{width:100%;justify-content:center;margin-top:10px}.error,.red{color:#b93636}.green{color:#25824b}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.settings-grid article{background:#f6f8fb;padding:16px;border-radius:10px}.settings-grid h3{font-size:13px;color:#718096;margin:0 0 8px}.settings-grid strong{font-size:18px}.team-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-role{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid #e3e9f2;border-radius:12px;background:#f9fbfe}.team-role-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e5efff;color:#306de8}.team-role-icon svg{width:20px}.team-role-info h3{margin:0 0 5px;font-size:15px}.role-state{display:inline-flex;align-items:center;gap:6px;color:#7c8798;font-size:12px}.role-state i{width:7px;height:7px;border-radius:50%;background:#9ba6b6}.role-state.active{color:#25824b}.role-state.active i{background:#33a864;box-shadow:0 0 0 3px #33a86420}.team-role-actions{display:flex;gap:6px}.team-role-actions button{padding:7px 10px;border-radius:8px;background:#edf3fc;color:#275fc8}.team-role-actions .danger{padding-inline:8px;color:#c33;background:#ffecec}.team-role-actions svg{width:16px;height:16px}.team-picker{margin:0;padding:15px;border:1px solid #dbe3ee;border-radius:11px}.team-picker legend{padding:0 7px;font-size:13px;font-weight:700}.team-picker p{margin:0 0 12px;color:#718096;font-size:12px}.team-picker>div{display:flex;flex-wrap:wrap;gap:8px}.team-picker label{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce4ef;border-radius:99px;background:#fff;cursor:pointer}.team-picker label.selected{border-color:#78a5fa;background:#eaf2ff;color:#245fc9}.team-picker input{margin:0;min-width:auto}.user-role-tags{display:flex;flex-wrap:wrap;gap:5px}.user-role-tags span{padding:4px 7px;border-radius:99px;background:#edf3fc;color:#275fc8;font-size:11px;white-space:nowrap}.panel hr{border:0;border-top:1px solid #e5eaf1;margin:28px 0}.pdf-settings{display:grid;grid-template-columns:190px 190px 1fr;gap:24px;margin-top:8px}.logo-upload{border:1px dashed #b8c5d6;background:#f7f9fc;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:190px;justify-content:center;color:#8090a5}.logo-upload img{max-width:100%;max-height:95px;object-fit:contain}.logo-upload button,.upload-button{font-size:12px;color:#2d63c8;background:#e8f0ff;padding:8px 10px;border-radius:7px;cursor:pointer}.upload-button input{display:none}.document-fields,.settings-form{margin-top:16px}.form-grid input[type=color]{height:42px;padding:4px}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:18px;height:18px}.base-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.base-actions button,.customer button{padding:7px;border-radius:7px;background:#edf3fc;color:#275fc8}.base-actions .danger,.customer .danger{background:#ffecec;color:#bd3131}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:10px;width:min(380px,calc(100vw - 28px))}.toast{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;background:#fff;border:1px solid #dfe6ef;border-left:4px solid #28a05d;border-radius:10px;box-shadow:0 12px 36px #15233d30;animation:toast-in .2s ease}.toast.error{border-left-color:#d34848}.toast>svg{width:21px;color:#28a05d}.toast.error>svg{color:#d34848}.toast div{display:grid;gap:2px;flex:1}.toast span{font-size:13px;color:#68778b}.toast button{background:transparent;color:#8190a4;padding:0}.toast button svg{width:16px}.design-layout{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(520px,1.3fr);gap:22px;align-items:start}.design-controls{position:sticky;top:18px}.design-controls .form-grid{grid-template-columns:repeat(2,1fr)}.design-note{margin-top:20px;padding:12px;background:#edf4ff;color:#315d9e;border-radius:8px;font-size:13px}.preview-panel iframe{width:100%;height:760px;border:1px solid #d9e0e9;border-radius:9px;background:#3d3d3d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.profile-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;align-items:start}.password-fields{display:grid;gap:14px;margin-top:20px}.password-fields label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#536176}.mail-compose{display:grid;gap:13px;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}.mail-compose label{display:grid;gap:6px;font-size:13px;font-weight:600}.mail-compose textarea{min-height:190px}.mail-signature-preview{display:grid;gap:2px;padding:12px 14px;border-left:3px solid var(--accent, #306de8);border-radius:8px;background:#f5f8fd;color:#536176}.mail-signature-preview small{color:#8794a6;margin-bottom:4px}.mail-workspace{display:grid;grid-template-columns:190px minmax(280px,1fr);min-height:470px;margin-top:20px;border:1px solid #e1e8f0;border-radius:16px;overflow:hidden}.mail-folders{padding:14px;background:#f6f8fc;border-right:1px solid #e1e8f0}.mail-folders button{width:100%;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:11px 12px;margin-bottom:5px;border:0;background:transparent;text-align:left}.mail-folders button.active{background:#dfeaff;color:#2458bb}.mail-folders svg{width:18px}.mail-folders small{opacity:.65}.mail-list{display:grid;align-content:start;min-width:0}.mail-list>button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:0;border-bottom:1px solid #e7ecf3;background:transparent;color:inherit;text-align:left}.mail-list>button:hover,.mail-list>button.selected{background:#f1f6ff}.mail-list p{margin:3px 0;color:#77869a;font-size:13px}.mail-list>button>span{font-size:12px;color:#8794a6}.mail-reader{grid-column:2;position:absolute;z-index:3;width:min(680px,calc(100% - 220px));right:1px;min-height:468px;padding:24px;background:#fff;border-left:1px solid #e1e8f0;box-shadow:-12px 0 30px #1223401a}.mail-workspace{position:relative}.mail-reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mail-reader-head div{display:grid;gap:3px}.mail-reader-head span,.mail-reader time{color:#7d8ba0;font-size:12px}.mail-reader h2{margin:26px 0 5px}.mail-reader pre{margin:24px 0;min-height:220px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#08101e94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mail-provider-hint{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:12px;background:#eaf3ff;color:#2458a8}.mail-direction{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7f7ed;color:#23814a}.mail-direction.outbound{background:#e7efff;color:#2b63c6}@media(max-width:800px){.mail-workspace{grid-template-columns:1fr}.mail-folders{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e1e8f0}.mail-folders button{min-width:max-content}.mail-reader{grid-column:1;width:100%;inset:0}.mail-list>button{grid-template-columns:32px 1fr}.mail-list>button>span{grid-column:2}.mail-provider-hint{flex-direction:column}}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body,[data-theme=dark] :root{background:#0d1420;color:#e5edf8}[data-theme=dark] .shell>main{background:#0d1420}[data-theme=dark] .panel,[data-theme=dark] .card,[data-theme=dark] th,[data-theme=dark] .toast{background:#151f2e;border-color:#29364a;color:#e7eef9}[data-theme=dark] .mail-folders,[data-theme=dark] .mail-reader{background:#111a28;border-color:#29364a}[data-theme=dark] .mail-workspace,[data-theme=dark] .mail-list>button,[data-theme=dark] .mail-list>button.selected{border-color:#29364a}[data-theme=dark] .mail-list>button:hover,[data-theme=dark] .mail-list>button.selected,[data-theme=dark] .mail-folders button.active{background:#1c2c45}[data-theme=dark] header p,[data-theme=dark] .section-title p,[data-theme=dark] .panel>p,[data-theme=dark] .customer p,[data-theme=dark] .base-grid p,[data-theme=dark] .base-grid small{color:#94a3b8}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#101927;border-color:#354359;color:#eef4fc}[data-theme=dark] td,[data-theme=dark] th{border-color:#283448}[data-theme=dark] td{color:#dce6f4}[data-theme=dark] td strong{color:#f4f7fc}[data-theme=dark] .team-role{background:#101927;border-color:#29364a}[data-theme=dark] .team-role-info h3{color:#eaf1fb}[data-theme=dark] .team-role-icon{background:#1c3152;color:#78a7ff}[data-theme=dark] .team-role-actions button{background:#1b2a41;color:#a9c7ff}[data-theme=dark] .team-role-actions .danger{background:#3a2026;color:#ff9da8}[data-theme=dark] .team-picker{border-color:#354359}[data-theme=dark] .team-picker p{color:#94a3b8}[data-theme=dark] .team-picker label{background:#101927;border-color:#354359;color:#cbd7e8}[data-theme=dark] .team-picker label.selected{background:#1c3152;border-color:#4d78bd;color:#b7d1ff}[data-theme=dark] .user-role-tags span{background:#1c3152;color:#b7d1ff}[data-theme=dark] .inset,[data-theme=dark] .settings-grid article,[data-theme=dark] .logo-upload{background:#101927}[data-theme=dark] .customer,[data-theme=dark] .base-grid article{border-color:#29364a}[data-theme=dark] .empty{color:#93a3b8}@media(max-width:1150px){.design-layout{grid-template-columns:1fr}.design-controls{position:static}.stats{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}.nav-badge{margin-left:auto;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px;border-radius:12px;background:#ef4444;color:#fff;font-size:11px;font-weight:800}.task-list{display:grid;gap:10px}.task-list>button{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;text-align:left;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.task-list small,.timeline-list span,.timeline-list time{color:var(--muted)}.task-kind{padding:5px 9px;border-radius:999px;font-size:11px;text-align:center;background:#eaf1ff;color:#265ec9}.task-kind.payment{background:#fff3dc;color:#9a5b00}.timeline-modal{width:min(850px,calc(100vw - 30px));max-height:85vh;overflow:auto}.timeline-list{display:grid;gap:8px}.timeline-list>button,.timeline-list>article{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);text-align:left}.timeline-list div{display:grid;gap:3px}.mail-list strong.unread{color:var(--text);font-weight:850}.mail-list strong.unread:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#3475ed}.mail-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.attachment-list{display:grid;gap:7px;margin:14px 0}.attachment-list a{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:9px;color:var(--primary)}.attachment-list a small{margin-left:auto;color:var(--muted)}.attachment-list svg{width:17px}.attachment-chips{display:flex;flex-wrap:wrap;gap:7px}.attachment-chips button{display:flex;align-items:center;gap:5px;border-radius:999px}.attachment-chips svg{width:14px}.document-lifecycle .muted{margin-top:12px;color:var(--muted)}.timeline-tools{display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.timeline-tools input{flex:1}.deadline-calendar{overflow:hidden}.calendar-nav{display:grid;grid-template-columns:40px 58px minmax(150px,auto) 40px;align-items:center;gap:8px}.calendar-nav button{height:38px;border:1px solid #d6deea;border-radius:9px;background:#f7f9fc;color:#334155;font-size:18px;font-weight:750}.calendar-nav button:hover{border-color:#3475ed;color:#245fce;background:#eef4ff}.calendar-nav .calendar-today{font-size:12px}.calendar-nav strong{text-align:center;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));overflow-x:auto;border:1px solid #dce4ef;border-radius:12px;background:#dce4ef;gap:1px}.calendar-grid>b{padding:11px 8px;color:#596a82;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.045em;background:#f1f5fa}.calendar-day,.calendar-empty{min-height:118px;min-width:105px;padding:9px;background:#fff}.calendar-empty{background:#f7f9fc}.calendar-day.weekend{background:#fbfcfe}.calendar-day>span{display:grid;width:26px;height:26px;place-items:center;margin-bottom:5px;border-radius:50%;font-weight:750;color:#596a82}.calendar-day.today>span{background:#306de8;color:#fff}.calendar-day>button{display:grid;width:100%;gap:2px;margin-top:5px;padding:7px;overflow:hidden;text-align:left;border:0;border-left:3px solid #3475ed;border-radius:7px;background:#eaf1ff;color:#173f91}.calendar-day>button.paid{border-color:#22a06b;background:#e5f8ef;color:#176b4a}.calendar-day>button.overdue{border-color:#ef4444;background:#feecec;color:#a91f2c}.calendar-day small,.calendar-day strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .calendar-grid{border-color:#334155;background:#334155}[data-theme=dark] .calendar-grid>b{background:#1b2739;color:#9fb0c8}[data-theme=dark] .calendar-day{background:#121d2d}[data-theme=dark] .calendar-day.weekend,[data-theme=dark] .calendar-empty{background:#0f1927}[data-theme=dark] .calendar-nav button{background:#172337;border-color:#354359;color:#c9d7e9}[data-theme=dark] .calendar-day>button{background:#1c3152;color:#b7d1ff}[data-theme=dark] .calendar-day>button.paid{background:#17372e;color:#9be0c1}[data-theme=dark] .calendar-day>button.overdue{background:#3a2026;color:#ff9da8}[data-theme=dark] .task-list>button,[data-theme=dark] .timeline-list>button,[data-theme=dark] .timeline-list>article{background:#101927;border-color:#29364a;color:#eaf1fb}@media(max-width:750px){.mail-links{grid-template-columns:1fr}.task-list>button{grid-template-columns:1fr}.timeline-list>button,.timeline-list>article{grid-template-columns:24px 1fr}.timeline-list time{grid-column:2}.timeline-tools{flex-direction:column}}@media(max-width:750px){.team-role-list,.profile-grid{grid-template-columns:1fr}.shell{display:block}.shell>main{padding:0 10px 32px;overflow:hidden}aside{position:fixed;z-index:20;left:-260px;width:244px;transition:.2s}aside.open{left:0;box-shadow:0 0 50px #0008}.menu,.mobile-close{display:block;background:transparent}.mobile-close{margin-left:auto;color:#fff}.menu{margin-right:15px}header{height:78px;gap:8px}header h1{font-size:21px}header p{display:none}.header-brand{margin-left:auto;max-width:54px}.header-brand img{width:46px;height:46px}.header-brand strong{display:none}.panel{padding:16px;border-radius:12px;margin-bottom:14px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.card{padding:13px}.card strong{font-size:19px}.form-grid,.customer-grid,.base-grid,.settings-grid,.pdf-settings{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.section-title .actions{width:100%;flex-wrap:wrap}.section-title .actions button{flex:1;justify-content:center}button,.upload-button{min-height:40px}input,select,textarea{font-size:16px}.calendar-nav{width:100%;grid-template-columns:40px 55px 1fr 40px}.calendar-grid{grid-template-columns:repeat(7,minmax(62px,1fr))}.calendar-day,.calendar-empty{min-width:62px;min-height:92px;padding:5px}.calendar-grid>b{padding:8px 2px;font-size:9px;overflow:hidden}.calendar-day>span{width:22px;height:22px;font-size:11px}.calendar-day>button{padding:5px}.calendar-day>button small{display:none}.calendar-day>button strong{font-size:9px}.mail-panel{padding:12px}.mail-workspace{min-height:60vh;border-radius:10px}.mail-reader{position:fixed;z-index:110;top:0;left:0;height:100dvh;min-height:0;overflow-y:auto;padding:18px}.mail-reader pre{min-height:120px}.modal-backdrop{padding:8px;align-items:end}.mail-compose,.timeline-modal{width:100%;max-height:92dvh;overflow-y:auto;border-radius:16px 16px 0 0}.toast-stack{right:10px;bottom:10px}.customer{grid-template-columns:auto 1fr}.customer>button{width:100%}.items .table-wrap,.table-wrap{margin-inline:-8px;padding-inline:8px}.summary{margin-inline:-10px;padding-inline:16px}.search{width:100%}.summary{overflow:auto;gap:22px}.summary>div{min-width:max-content}}.project-tools{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end}.tool-row>div{display:grid;gap:3px;padding:8px 14px}.time-list,.portal-updates{display:grid;gap:8px;margin-top:16px}.time-list>div{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.time-list small,.time-list em{color:var(--muted)}.running-dot:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#22a06b}.portal-controls,.share-link{display:flex;gap:12px;align-items:center;margin:12px 0}.share-link input{flex:1}.share-link a{padding:10px 14px;border-radius:9px;background:#eaf1ff;color:var(--primary)}.update-form{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.update-form .wide{grid-column:1/-1}.portal-updates.admin article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px}.portal-updates.admin article div{display:grid;flex:1}.portal-page{width:min(1080px,calc(100% - 28px));margin:28px auto}.portal-hero{height:auto;min-height:190px;padding:36px;border-radius:20px;background:linear-gradient(135deg,#172236,#245fce);color:#fff;justify-content:space-between}.portal-hero span{text-transform:uppercase;letter-spacing:.12em;opacity:.72}.portal-hero h1{margin:8px 0;font-size:36px}.portal-hero p{color:#dbe7ff}.portal-hero>strong{padding:9px 15px;border-radius:999px;background:#ffffff1f}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.portal-stats article{display:grid;gap:7px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.portal-stats span,.portal-items small{color:var(--muted)}.portal-updates>article{display:grid;grid-template-columns:1fr minmax(0,280px);gap:20px;padding:18px;border:1px solid var(--border);border-radius:13px}.portal-updates>article.decision{border-left:4px solid #f59e0b}.portal-updates article div{display:grid;gap:7px}.portal-updates article img{width:100%;max-height:220px;object-fit:cover;border-radius:10px}.portal-updates em{color:#9a5b00}.portal-items{display:grid;gap:4px}.portal-items div{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:11px 0;border-bottom:1px solid var(--border)}@media(max-width:950px){.project-tools{grid-template-columns:1fr}.portal-stats{grid-template-columns:1fr 1fr}.tool-row{grid-template-columns:1fr}.portal-updates>article{grid-template-columns:1fr}.update-form{grid-template-columns:1fr}.update-form .wide{grid-column:auto}}.global-timer{display:flex;align-items:center;gap:10px;margin:-14px 0 18px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.global-timer select{max-width:260px}.global-timer input{max-width:220px}.global-timer b{margin-left:auto;font-variant-numeric:tabular-nums}.workflow-tools{grid-column:1/-1}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight-grid article{display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:11px}.insight-grid strong{font-size:22px}.insight-grid span,.insight-grid small{color:var(--muted)}.insight-grid.warning article:first-child{border-color:#ef4444}.budget-warning{padding:11px;border-radius:9px;background:#feecec;color:#a91f2c}.inline-create{display:flex;gap:8px;margin:10px 0}.inline-create input{flex:1}.milestones{display:grid;gap:9px}.milestones article{padding:12px;border:1px solid var(--border);border-radius:10px}.milestones article>div,.milestones.admin article{display:flex;align-items:center;gap:10px}.milestones progress{width:100%;height:10px}.milestones.admin input{width:150px}.milestones.admin strong{flex:1}.workflow-tools blockquote,.portal-updates blockquote{display:grid;gap:5px;margin:8px 0;padding:10px 13px;border-left:3px solid var(--primary);background:#f5f8fd}.change-request{display:flex;align-items:center;gap:10px;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:10px}.change-request>div{flex:1}.change-request p{margin:4px 0}.reminder-box{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border-radius:11px;background:#fff6e5}.reminder-box h3{margin:0}.reminder-box small{margin-left:auto}.portal-reply{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.quote-approval .actions{display:flex;gap:10px;align-items:center}.quote-approval input{flex:1}@media(max-width:750px){.global-timer,.change-request,.reminder-box,.quote-approval .actions{align-items:stretch;flex-direction:column}.global-timer select,.global-timer input{max-width:none}.insight-grid,.portal-stats{grid-template-columns:1fr}.milestones.admin article{display:grid;grid-template-columns:1fr auto}.reminder-box small{margin-left:0}}:root{--panel:#fff;--border:#e4eaf2;--muted:#718096;--primary:#306de8}.workflow-tools button,.inline-create button,.change-request button,.reminder-box button,.global-timer button,.portal-controls button,.share-link button,.update-form button,.portal-updates.admin button{padding:9px 13px;border:1px solid #d6e0ef;border-radius:8px;background:#edf3fc;color:#275fc8;font-weight:650}.workflow-tools button:hover,.inline-create button:hover,.change-request button:hover,.reminder-box button:hover{background:#dfeaff}.workflow-tools button.danger,.change-request button.danger,.global-timer button.danger,.portal-updates.admin button.danger{background:#ffecec;border-color:#ffd2d6;color:#b42332}.workflow-tools button:disabled,.inline-create button:disabled,.update-form button:disabled{opacity:.48;cursor:not-allowed}.workflow-tools blockquote,.portal-updates blockquote{color:#24334a}.workflow-tools blockquote strong,.portal-updates blockquote strong{color:#172236}.change-request,.insight-grid article,.milestones article{background:#fbfcfe}[data-theme=dark]{--panel:#151f2e;--border:#29364a;--muted:#94a3b8;--primary:#78a7ff}[data-theme=dark] .workflow-tools button,[data-theme=dark] .inline-create button,[data-theme=dark] .change-request button,[data-theme=dark] .reminder-box button,[data-theme=dark] .global-timer button,[data-theme=dark] .portal-controls button,[data-theme=dark] .share-link button,[data-theme=dark] .update-form button,[data-theme=dark] .portal-updates.admin button{background:#1c3152;border-color:#354b6b;color:#b7d1ff}[data-theme=dark] .workflow-tools button:hover,[data-theme=dark] .inline-create button:hover,[data-theme=dark] .change-request button:hover{background:#25436e}[data-theme=dark] .workflow-tools button.danger,[data-theme=dark] .change-request button.danger,[data-theme=dark] .global-timer button.danger,[data-theme=dark] .portal-updates.admin button.danger{background:#3a2026;border-color:#65313b;color:#ff9da8}[data-theme=dark] .workflow-tools button:disabled,[data-theme=dark] .inline-create button:disabled,[data-theme=dark] .update-form button:disabled{background:#101927;border-color:#26354a;color:#65758c}[data-theme=dark] .workflow-tools blockquote,[data-theme=dark] .portal-updates blockquote{background:#101927;color:#cbd7e8}[data-theme=dark] .workflow-tools blockquote strong,[data-theme=dark] .portal-updates blockquote strong{color:#f0f5fb}[data-theme=dark] .change-request,[data-theme=dark] .insight-grid article,[data-theme=dark] .milestones article{background:#101927;border-color:#29364a}[data-theme=dark] .reminder-box{background:#332a19;color:#f6d58b}[data-theme=dark] .budget-warning{background:#3a2026;color:#ff9da8}.portal-items span{display:grid;gap:3px}.portal-items span small{font-size:12px}.portal-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.manual-time{margin-top:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px}.manual-time summary{cursor:pointer;color:var(--primary);font-weight:700}.manual-time-grid{display:grid;grid-template-columns:2fr 1.5fr .7fr .7fr;gap:10px;align-items:end;margin-top:12px}.manual-time-grid .wide{grid-column:1/-2}.time-entry-actions{display:flex;gap:6px;justify-content:flex-end}.time-entry-actions button{padding:6px 9px;border-radius:7px;background:#edf3fc;color:#275fc8}.time-entry-actions button.danger{background:#ffecec;color:#b42332}[data-theme=dark] .manual-time{background:#101927;border-color:#29364a}[data-theme=dark] .time-entry-actions button{background:#1c3152;color:#b7d1ff}[data-theme=dark] .time-entry-actions button.danger{background:#3a2026;color:#ff9da8}@media(max-width:900px){.manual-time-grid{grid-template-columns:1fr 1fr}.manual-time-grid .wide{grid-column:1/-1}.time-list>div{grid-template-columns:1fr auto}.time-list>div small{grid-column:1/-1}}.milestones.admin input[type=range]{-webkit-appearance:none;appearance:none;width:220px;height:8px;padding:0;border:0;border-radius:999px;background:linear-gradient(to right,#78b7f2 0 var(--progress,0%),#5d6b7e var(--progress,0%) 100%)}.milestones.admin input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#8ec5f7;border:2px solid #dbeeff;margin:0}.milestones.admin input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#8ec5f7;border:2px solid #dbeeff}.customer-account-page{width:min(1250px,calc(100% - 28px));margin:28px auto}.customer-project-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.customer-project-list{display:grid;align-content:start;gap:8px}.customer-project-list button{display:grid;gap:4px;text-align:left;padding:13px;border-radius:9px;background:#edf3fc;color:#275fc8}.customer-project-list button.active{background:#306de8;color:#fff}.customer-project-list button span{font-size:12px}.customer-progress{width:100%;height:16px}.account-warning{padding:12px 15px;border-radius:10px;background:#fff3dc;color:#8a5100}.password-panel{margin-top:18px}[data-theme=dark] .customer-project-list button{background:#1c3152;color:#b7d1ff}[data-theme=dark] .customer-project-list button.active{background:#306de8;color:#fff}[data-theme=dark] .account-warning{background:#332a19;color:#f6d58b}@media(max-width:800px){.customer-project-layout{grid-template-columns:1fr}}html,body,#root{min-height:100%}#root{background:#0d1420}.customer-login-page{min-height:100vh;padding:32px 16px;background:radial-gradient(circle at 50% 0,#1d3760 0,#0d1420 52%);color:#e7eef9}.customer-login-card{width:min(460px,100%);padding:40px;background:#151f2e!important;border:1px solid #2b3b52!important;box-shadow:0 24px 70px #05091299!important;color:#e7eef9}.customer-login-card .brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3475ed,#7958e8);color:#fff;font-weight:800}.customer-eyebrow{display:block;margin:18px 0 7px;color:#8fb8ff;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.customer-login-card>p{color:#a9bad0;margin:7px 0 25px}.customer-login-card label{display:grid;gap:7px;color:#a9bad0;font-weight:650}.customer-login-card input{background:#101927;border-color:#35465e;color:#f4f7fb}.customer-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid #456da8;border-radius:10px;background:#1c3152;color:#dbe9ff;font-weight:750;transition:.16s ease}.customer-button:hover{transform:translateY(-1px);background:#25436e;border-color:#6796da}.customer-button.primary{background:#3475ed;border-color:#3475ed;color:#fff;text-decoration:none}.customer-button.primary:hover{background:#2867d8}.customer-login-card>.customer-button{width:100%;margin-top:14px}.customer-login-links{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:14px}.customer-login-links a,.customer-link-button{padding:0;border:0;background:transparent;color:#9fc0ff;text-decoration:none;font-weight:650}.customer-login-links a:hover,.customer-link-button:hover{color:#fff;text-decoration:underline}.customer-message{margin-top:14px;padding:11px 13px;border:1px solid;border-radius:9px;font-size:14px}.customer-message.error{background:#3a2026;border-color:#65313b;color:#ffadb6}.customer-message.success{background:#14352c;border-color:#28684f;color:#a6e7c8}.customer-loading,.customer-account-page{min-height:100vh;background:#0d1420;color:#e7eef9}.customer-account-page{width:100%;margin:0;padding:28px max(28px,calc((100% - 1250px)/2))}.customer-account-page .panel{background:#151f2e;border-color:#29364a;color:#e7eef9}.customer-account-page .portal-hero{height:auto;min-height:166px;margin:0 0 18px;padding:30px 36px;border-radius:20px;background:linear-gradient(120deg,#18396a,#306de8)}.customer-account-page .portal-hero p{color:#c7dcff}.customer-logout{background:#12243f;border-color:#6f9de2;color:#fff}.customer-account-page .password-panel .customer-message{margin-top:12px}@media(max-width:600px){.customer-login-links{align-items:flex-start;flex-direction:column}.customer-account-page{padding:14px}.customer-account-page .portal-hero{align-items:flex-start;flex-direction:column;padding:24px}.customer-logout{margin-top:18px;width:100%}.password-panel .inline-create{flex-direction:column}}.customer-brand-logo{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 18px #765dff70)}.customer-brand-logo.compact{width:54px;height:54px}.customer-login-card .customer-brand-logo{margin-bottom:18px}.customer-account-page{--customer-bg:#09111e;--customer-panel:#121d2e;--customer-panel-2:#172438;--customer-line:#293a53;--customer-text:#f3f7fd;--customer-muted:#92a6bf;--customer-blue:#4384f4;--customer-purple:#8765f4;min-height:100vh;padding:0 max(24px,calc((100% - 1320px)/2)) 70px;background:radial-gradient(circle at 78% 0,#243d7040,transparent 34%),radial-gradient(circle at 10% 18%,#633eaa25,transparent 28%),var(--customer-bg);color:var(--customer-text)}.customer-topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.customer-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.customer-brand span{display:grid;line-height:1}.customer-brand strong{font-size:21px}.customer-brand small{margin-top:6px;color:#a994ff;font-size:9px;font-weight:800;letter-spacing:.28em}.customer-user{display:flex;align-items:center;gap:18px}.customer-user>span{color:var(--customer-muted);font-size:13px}.customer-welcome{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:55px 0 34px}.customer-welcome h1{margin:9px 0;font-size:clamp(38px,5vw,62px);letter-spacing:-.045em}.customer-welcome p{max-width:700px;margin:0;color:var(--customer-muted);font-size:17px;line-height:1.6}.customer-summary{display:flex;align-items:stretch;gap:10px}.customer-summary article{display:grid;min-width:95px;padding:14px 18px;border:1px solid var(--customer-line);border-radius:14px;background:#121d2ecc}.customer-summary article strong{font-size:23px}.customer-summary article span{color:var(--customer-muted);font-size:11px}.customer-refresh{padding:0 18px;border:1px solid var(--customer-line);border-radius:14px;background:var(--customer-panel);color:#a9c8ff;font-weight:700}.customer-project-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.customer-project-sidebar{position:sticky;top:18px;padding:22px;border:1px solid var(--customer-line);border-radius:20px;background:#111c2bd9;box-shadow:0 25px 65px #02050b55;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.customer-sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.customer-sidebar-title span,.customer-card-heading span{color:#82a9f4;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.customer-sidebar-title h2{margin:4px 0 0;font-size:21px}.customer-sidebar-title>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#253b60;color:#a9c8ff}.customer-project-list{display:grid;gap:9px}.customer-project-list button{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;width:100%;padding:15px 13px;border:1px solid transparent;border-radius:13px;background:#172438;color:var(--customer-text);text-align:left;transition:.2s}.customer-project-list button:hover{border-color:#486a9a;transform:translateY(-1px)}.customer-project-list button.active{border-color:#5d86d3;background:linear-gradient(135deg,#1d3760,#273360);box-shadow:0 12px 28px #081a3e66}.customer-project-list button>span:nth-child(2){display:grid;gap:5px;min-width:0}.customer-project-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-project-list small{color:#93a8c2;font-size:11px}.customer-project-list button>b{color:#b8ceee;font-size:12px}.project-status-dot{width:8px;height:8px;border-radius:50%;background:#6f839c}.project-status-dot.status-active{background:#62d6ae;box-shadow:0 0 10px #62d6ae}.project-status-dot.status-review{background:#e8b35e}.project-status-dot.status-completed{background:#769cf2}.customer-project-list i{height:3px;border-radius:4px;background:#263851;overflow:hidden}.customer-project-list i span{display:block;height:100%;background:linear-gradient(90deg,var(--customer-blue),var(--customer-purple))}.customer-project-content{min-width:0}.customer-project-detail{display:grid;gap:18px}.customer-project-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:260px;padding:38px;border:1px solid #39557e;border-radius:22px;background:radial-gradient(circle at 80% 20%,#7054d944,transparent 35%),linear-gradient(135deg,#172d51,#121d31);box-shadow:0 28px 65px #02050b55}.customer-project-hero>div:first-child{max-width:700px}.customer-project-hero>div>span{color:#8fb8ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.customer-project-hero h2{margin:10px 0;font-size:clamp(30px,4vw,47px);letter-spacing:-.035em}.customer-project-hero p{color:#b1c1d5;line-height:1.65;white-space:pre-wrap}.customer-project-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.customer-project-meta>*{padding:7px 11px;border:1px solid #ffffff20;border-radius:999px;color:#b8c9df;font-size:11px}.customer-project-meta b{background:#65d7af1e;color:#80e4c1}.customer-progress-ring{flex:0 0 150px;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#7c67ef var(--progress),#263753 0);box-shadow:0 0 45px #765cff30}.customer-progress-ring:before{content:"";grid-area:1/1;width:122px;height:122px;border-radius:50%;background:#142139}.customer-progress-ring span{position:relative;grid-area:1/1;display:grid;text-align:center}.customer-progress-ring strong{font-size:31px}.customer-progress-ring small{color:#96aac4}.customer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.customer-kpis article{display:grid;gap:7px;padding:18px;border:1px solid var(--customer-line);border-radius:15px;background:var(--customer-panel)}.customer-kpis span{color:var(--customer-muted);font-size:11px}.customer-kpis strong{font-size:17px}.customer-card{padding:26px;border:1px solid var(--customer-line);border-radius:18px;background:var(--customer-panel);box-shadow:0 18px 48px #02050b35}.customer-card-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.customer-card-heading h3{margin:4px 0 0;font-size:23px}.customer-card-heading>small,.customer-muted{color:var(--customer-muted)}.customer-milestones{display:grid;gap:12px}.customer-milestones article{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}.milestone-marker{display:grid;place-items:center;width:30px;height:30px;border:1px solid #435b7c;border-radius:50%;color:#8eb5f8}.customer-milestones article.done .milestone-marker{border-color:#4baf8b;background:#173a30;color:#75ddb7}.customer-milestones article>div:last-child{display:grid;gap:7px}.customer-milestones article>div>div{display:flex;justify-content:space-between;gap:12px}.customer-milestones i{height:6px;border-radius:7px;background:#25354c;overflow:hidden}.customer-milestones i span{display:block;height:100%;background:linear-gradient(90deg,#4384f4,#8765f4)}.customer-milestones small{color:var(--customer-muted)}.customer-timeline{display:grid}.customer-timeline>article{position:relative;display:grid;grid-template-columns:24px 1fr;gap:13px;padding-bottom:25px}.customer-timeline>article:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;border-left:1px solid #38516f}.timeline-dot{width:13px;height:13px;margin-top:5px;border:3px solid #7ea9f7;border-radius:50%;background:#172438;box-shadow:0 0 12px #5687dd}.timeline-content{min-width:0;padding:18px;border:1px solid #2d405b;border-radius:14px;background:#101a29}.timeline-title{display:flex;justify-content:space-between;gap:15px;color:#7fa8f1;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline-title time{color:#7f93ad;letter-spacing:0}.timeline-content h4{margin:9px 0 5px;font-size:19px}.timeline-content>p{color:#adbed2;line-height:1.6;white-space:pre-wrap}.timeline-content>img{width:100%;max-height:420px;margin-top:12px;border-radius:11px;object-fit:cover}.customer-comments{display:grid;gap:8px;margin-top:15px}.customer-comments blockquote,.customer-standalone-comment{margin:0;padding:12px 14px;border:1px solid #344965;border-left:3px solid #587fc2;border-radius:0 10px 10px 0;background:#152338}.customer-comments blockquote.staff,.customer-standalone-comment.staff{border-left-color:#70d6b2}.customer-comments blockquote>div,.customer-standalone-comment>div{display:flex;justify-content:space-between;gap:15px}.customer-comments time,.customer-standalone-comment time{color:#7f93ad;font-size:11px}.customer-comments p,.customer-standalone-comment p{margin:5px 0 0;color:#b6c5d7;white-space:pre-wrap}.customer-standalone-comment{margin:8px 0}.customer-reply{display:grid;gap:10px;margin-top:20px;padding-top:19px;border-top:1px solid var(--customer-line)}.customer-reply label{display:grid;gap:8px;color:#aabbd0;font-weight:700}.customer-reply input,.customer-reply textarea,.customer-password-form input{width:100%;border:1px solid #354963;border-radius:10px;background:#0d1726;color:#eef4fc}.customer-reply textarea{min-height:105px;resize:vertical}.customer-reply .customer-button{justify-self:start}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-change-list,.customer-items{display:grid;gap:8px;margin-top:15px}.customer-change-list article{padding:12px;border:1px solid #30445f;border-radius:10px}.customer-change-list article>span{float:right;color:#82a9f4;font-size:11px}.customer-change-list p{color:var(--customer-muted);font-size:13px}.customer-items>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #263a53}.customer-items>div>span{display:grid;gap:3px}.customer-items small{color:var(--customer-muted)}.customer-empty{display:grid;justify-items:center;min-height:400px;padding:50px;text-align:center;border:1px dashed #3b506d;border-radius:20px;background:#111c2b}.customer-empty h2{margin-bottom:0}.customer-empty p{max-width:520px;color:var(--customer-muted);line-height:1.6}.customer-empty.compact{min-height:0;padding:20px}.customer-empty.compact strong{font-size:14px}.customer-empty.compact p{font-size:12px}.customer-security{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;margin-top:22px;padding:28px;border:1px solid var(--customer-line);border-radius:18px;background:var(--customer-panel)}.customer-security h2{margin:5px 0}.customer-security p{color:var(--customer-muted)}.customer-password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-content:center}.customer-password-form .customer-message{grid-column:1/-1;margin:0}@media(max-width:1000px){.customer-welcome{align-items:flex-start;flex-direction:column}.customer-project-layout{grid-template-columns:1fr}.customer-project-sidebar{position:static}.customer-project-list{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.customer-project-list button{flex:0 0 min(340px,86vw);scroll-snap-align:start}.customer-detail-grid,.customer-security{grid-template-columns:1fr}.customer-password-form{grid-template-columns:1fr 1fr}.customer-password-form .customer-button{grid-column:1/-1}}@media(max-width:650px){.customer-account-page{padding:0 14px 40px}.customer-topbar{height:72px}.customer-brand-logo.compact{width:44px;height:44px}.customer-brand strong{font-size:18px}.customer-user>span{display:none}.customer-logout{min-height:38px;padding:8px 13px}.customer-welcome{padding:36px 2px 24px}.customer-welcome h1{font-size:39px}.customer-welcome p{font-size:15px}.customer-summary{display:grid;grid-template-columns:1fr 1fr;width:100%}.customer-summary .customer-refresh{grid-column:1/-1;min-height:44px}.customer-project-sidebar{margin:0 -14px;padding:18px 14px;border-left:0;border-right:0;border-radius:0}.customer-project-list button{flex-basis:82vw}.customer-project-hero{align-items:flex-start;flex-direction:column;padding:24px}.customer-progress-ring{align-self:center;width:126px;height:126px;flex-basis:126px}.customer-progress-ring:before{width:102px;height:102px}.customer-kpis{grid-template-columns:1fr 1fr}.customer-card{padding:20px 16px}.customer-card-heading{align-items:flex-start;flex-direction:column}.timeline-content{padding:14px}.timeline-title{align-items:flex-start;flex-direction:column;gap:4px}.customer-password-form{grid-template-columns:1fr}.customer-password-form .customer-button{grid-column:auto}.customer-login-card{padding:28px 22px}.customer-login-card .customer-brand-logo{width:68px;height:68px}}@media(max-width:390px){.customer-kpis{grid-template-columns:1fr}.customer-project-list button{flex-basis:88vw}.customer-project-hero h2{font-size:30px}}.customer-project-sidebar{position:static;align-self:start;height:max-content}@media(max-width:1000px){.customer-project-sidebar{height:auto}.customer-project-list{align-items:stretch}.customer-project-list button{min-height:92px}}.customer-main-nav{display:flex;align-items:center;gap:6px}.customer-main-nav button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:#8ea2bb;font-weight:700}.customer-main-nav button:hover,.customer-main-nav button.active{background:#19263a;color:#f1f6fd}.customer-main-nav b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#2c4770;color:#a9c9ff;font-size:10px}.customer-mobile-nav{display:none}.customer-page{padding-top:42px}.customer-page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.customer-page-heading h1{margin:8px 0;font-size:clamp(38px,5vw,58px);letter-spacing:-.04em}.customer-page-heading p{max-width:680px;margin:0;color:var(--customer-muted);font-size:16px}.customer-global-message{position:fixed;z-index:50;top:94px;left:50%;display:flex;align-items:center;gap:16px;max-width:min(620px,calc(100% - 28px));padding:13px 16px;border:1px solid;border-radius:11px;box-shadow:0 20px 50px #0008;transform:translate(-50%)}.customer-global-message.success{border-color:#2d7459;background:#163a30;color:#b5efd6}.customer-global-message.error{border-color:#7d3c48;background:#3a2026;color:#ffc0c7}.customer-global-message button{border:0;background:transparent;color:inherit;font-size:20px}.customer-home-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:50px;min-height:420px;padding:50px;border:1px solid #344b6d;border-radius:25px;background:radial-gradient(circle at 80% 20%,#7054d94f,transparent 28%),linear-gradient(130deg,#162a4b,#111b2d);box-shadow:0 35px 80px #02050b66;overflow:hidden}.customer-home-hero h1{margin:14px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.055em}.customer-home-hero h1 em{background:linear-gradient(100deg,#76a5ff,#a880ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.customer-home-hero p{max-width:710px;color:#a9bad0;font-size:18px;line-height:1.7}.customer-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.customer-home-logo{display:grid;justify-items:center;text-align:center}.customer-home-logo .customer-brand-logo{width:min(260px,100%);height:auto}.customer-home-logo>span{margin-top:18px;color:#b7c8dc;font-weight:800;line-height:1.4}.customer-home-alert{display:flex;align-items:center;gap:15px;width:100%;margin:18px 0 0;padding:15px 18px;border:1px solid #755b31;border-radius:13px;background:#2a2419;color:#f1d38f;text-align:left}.customer-home-alert>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#6a5022;font-weight:900}.customer-home-alert>div{display:grid;flex:1;gap:3px}.customer-home-alert small{color:#cfb97e}.customer-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.customer-home-stats article{display:grid;gap:4px;padding:21px;border:1px solid var(--customer-line);border-radius:16px;background:var(--customer-panel)}.customer-home-stats article>span{color:#8eaff0;font-size:11px;font-weight:800;text-transform:uppercase}.customer-home-stats strong{font-size:30px}.customer-home-stats small{color:var(--customer-muted)}.customer-home-grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.customer-card-heading button{border:0;background:transparent;color:#8fb5f8;font-weight:700}.customer-recent-list{display:grid;gap:8px}.customer-recent-list>button{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;width:100%;padding:13px;border:1px solid #2c3e58;border-radius:12px;background:#101a29;color:inherit;text-align:left}.customer-recent-list>button:hover{border-color:#5578ad;background:#142238}.customer-project-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#3d77df,#745adf);font-weight:900}.customer-project-icon.map{background:linear-gradient(135deg,#277b86,#466be0)}.customer-recent-list>button>span:nth-child(2){display:grid;gap:4px}.customer-recent-list small{color:var(--customer-muted)}.customer-recent-list i{height:4px;border-radius:5px;background:#293a51;overflow:hidden}.customer-recent-list i span{display:block;height:100%;background:linear-gradient(90deg,#4384f4,#8765f4)}.customer-empty-inline{display:grid;justify-items:start;gap:8px;padding:25px;border:1px dashed #3c526f;border-radius:13px}.customer-empty-inline p{color:var(--customer-muted)}.customer-contact-card{display:flex;flex-direction:column;align-items:flex-start}.customer-contact-card>span,.customer-future-settings>span{color:#82a9f4;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.customer-contact-card h3{font-size:26px}.customer-contact-card p{flex:1;color:var(--customer-muted);line-height:1.6}.customer-contact-card small{align-self:center;margin-top:10px;color:#778ba4}.customer-request-card{margin-bottom:22px;padding:27px;border:1px solid #526ba0;border-radius:18px;background:linear-gradient(135deg,#172b4b,#1b213e);box-shadow:0 20px 55px #03070e55}.customer-request-card>p{color:#acbdd1}.customer-close{border:0;background:transparent;color:#9eb3ca;font-size:28px}.customer-request-form{display:grid;grid-template-columns:1fr 260px;gap:14px}.customer-request-form label,.customer-settings-form label{display:grid;gap:7px;color:#aebed1;font-size:13px;font-weight:700}.customer-request-form .wide{grid-column:1/-1}.customer-request-form input,.customer-request-form select,.customer-request-form textarea,.customer-settings-form input{width:100%;border:1px solid #3a4f6c;border-radius:10px;background:#0d1726;color:#f3f6fb}.customer-request-form textarea{min-height:130px;resize:vertical}.customer-request-actions{display:flex;justify-content:flex-end;gap:10px}.customer-project-filters{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.customer-project-filters button{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 15px;border:1px solid var(--customer-line);border-radius:999px;background:var(--customer-panel);color:#9eafc3;font-weight:700}.customer-project-filters button.active{border-color:#5f88d1;background:#1b3760;color:#fff}.customer-project-filters b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#ffffff12;font-size:10px}.customer-project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.customer-project-gallery>button{overflow:hidden;padding:0;border:1px solid var(--customer-line);border-radius:18px;background:var(--customer-panel);color:inherit;text-align:left;transition:.2s}.customer-project-gallery>button:hover{transform:translateY(-4px);border-color:#567db7;box-shadow:0 22px 50px #02050b70}.customer-gallery-art{position:relative;height:165px;display:flex;align-items:end;justify-content:space-between;padding:18px;background:radial-gradient(circle at 70% 30%,#8b65ef,#263764 45%,#121e31);overflow:hidden}.customer-gallery-art:before{content:"";position:absolute;width:170px;height:170px;right:-35px;top:-60px;border:1px solid #ffffff30;transform:rotate(45deg)}.customer-gallery-art.map{background:radial-gradient(circle at 70% 30%,#38a0b1,#244b70 45%,#121e31)}.customer-gallery-art span,.customer-gallery-art b{position:relative;z-index:1;font-size:11px;font-weight:900;letter-spacing:.1em}.customer-gallery-art b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#0c1524bb;letter-spacing:0}.customer-gallery-body{padding:19px}.customer-gallery-body>span{color:#78d8b7;font-size:10px;font-weight:800;text-transform:uppercase}.customer-gallery-body h3{margin:7px 0;font-size:21px}.customer-gallery-body p{height:44px;overflow:hidden;color:var(--customer-muted);font-size:13px;line-height:1.55}.customer-gallery-body>div{display:flex;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--customer-line)}.customer-gallery-body small{color:#778ba4}.customer-gallery-body b{color:#8fb5f8;font-size:12px}.project-filter-empty{grid-column:1/-1}.customer-back{margin-bottom:14px;border:0;background:transparent;color:#91b7fa;font-weight:700}.customer-settings-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.customer-settings-nav{display:grid;gap:7px;padding:10px;border:1px solid var(--customer-line);border-radius:16px;background:var(--customer-panel)}.customer-settings-nav button{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#95a8bf;text-align:left}.customer-settings-nav button.active{border-color:#3f5c83;background:#192a43;color:#e8f0fc}.customer-settings-nav button:disabled{opacity:.48}.customer-settings-nav button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#243a59;color:#9dc0fb}.customer-settings-nav button>div{display:grid;gap:2px}.customer-settings-nav small{font-size:10px}.customer-settings-content{display:grid;gap:17px}.customer-settings-form{display:grid;gap:14px}.customer-settings-form .customer-button{justify-self:start}.customer-account-info>div:not(.customer-card-heading){display:grid;grid-template-columns:170px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--customer-line)}.customer-account-info>div>span{color:var(--customer-muted)}.customer-account-info>p,.customer-future-settings p{color:var(--customer-muted);line-height:1.6}.customer-enabled{color:#70d6b2}.customer-future-settings{background:linear-gradient(135deg,#14233a,#1d1f3b)}@media(max-width:1050px){.customer-main-nav{display:none}.customer-mobile-nav{position:fixed;z-index:45;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid #334862;border-radius:16px;background:#101a29ee;box-shadow:0 16px 45px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.customer-mobile-nav button{display:grid;justify-items:center;gap:2px;padding:7px;border:0;border-radius:10px;background:transparent;color:#8599b2;font-size:10px;font-weight:700}.customer-mobile-nav button span{font-size:17px}.customer-mobile-nav button.active{background:#203858;color:#c5dcff}.customer-account-page{padding-bottom:100px}.customer-home-grid{grid-template-columns:1fr}.customer-contact-card{min-height:250px}.customer-project-gallery{grid-template-columns:1fr 1fr}.customer-settings-grid{grid-template-columns:1fr}.customer-settings-nav{grid-template-columns:repeat(3,1fr)}.customer-settings-nav button{justify-content:center}.customer-settings-nav button>div{display:none}}@media(max-width:700px){.customer-page{padding-top:28px}.customer-page-heading{height:auto;align-items:flex-start;flex-direction:column}.customer-page-heading .customer-button{width:100%}.customer-home-hero{grid-template-columns:1fr;padding:28px 22px}.customer-home-hero h1{font-size:42px}.customer-home-hero p{font-size:15px}.customer-home-logo{display:none}.customer-home-actions{display:grid}.customer-home-stats{grid-template-columns:1fr 1fr}.customer-home-stats article{padding:17px}.customer-home-grid{display:grid}.customer-recent-list>button{grid-template-columns:42px 1fr}.customer-recent-list>button>b{display:none}.customer-request-form{grid-template-columns:1fr}.customer-request-form .wide{grid-column:auto}.customer-request-actions{display:grid}.customer-project-gallery{grid-template-columns:1fr}.customer-gallery-art{height:145px}.customer-project-filters{margin-left:-14px;margin-right:-14px;padding:0 14px}.customer-settings-nav{display:none}.customer-account-info>div:not(.customer-card-heading){grid-template-columns:1fr;gap:4px}.customer-user{gap:8px}}.customer-gallery-head{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:18px;border-bottom:1px solid var(--customer-line);background:linear-gradient(135deg,#172943,#121d30)}.customer-gallery-head.project-map{background:linear-gradient(135deg,#163142,#14243a)}.customer-gallery-head .customer-brand-logo.compact{width:54px;height:54px}.customer-gallery-head>div{display:grid;gap:4px}.customer-gallery-head small{color:#92a8c2;font-size:11px}.customer-gallery-head strong{color:#78d8b7;font-size:11px;text-transform:uppercase}.customer-gallery-head>b{display:grid;place-items:center;width:48px;height:48px;border:1px solid #48658c;border-radius:50%;background:#0c1727;color:#dce9fb;font-size:12px}.customer-settings-nav button{cursor:pointer}.customer-settings-nav button>span{font-size:12px;font-weight:900}.customer-toggle-list{display:grid;margin-top:20px;border:1px solid var(--customer-line);border-radius:14px;overflow:hidden}.customer-toggle-list label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px;cursor:pointer}.customer-toggle-list label+label{border-top:1px solid var(--customer-line)}.customer-toggle-list label>div{display:grid;gap:5px}.customer-toggle-list small{color:var(--customer-muted)}.customer-toggle-list input{position:absolute;opacity:0;pointer-events:none}.customer-toggle-list i{position:relative;width:48px;height:27px;border-radius:999px;background:#34445a;transition:.2s}.customer-toggle-list i:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#afbed0;transition:.2s}.customer-toggle-list input:checked+i{background:#3475ed}.customer-toggle-list input:checked+i:after{left:25px;background:#fff}.customer-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.customer-profile-form label{display:grid;gap:7px;color:#aebed1;font-size:13px;font-weight:700}.customer-profile-form label>small{justify-self:end;margin-top:-21px;color:#70849d;font-weight:500}.customer-profile-form .wide{grid-column:1/-1}.customer-profile-form input{width:100%;border:1px solid #3a4f6c;border-radius:10px;background:#0d1726;color:#f3f6fb}.customer-profile-form input:disabled{opacity:.55;cursor:not-allowed}.customer-save-settings{margin-top:20px}.customer-language-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.customer-language-options button{display:grid;grid-template-columns:47px 1fr 24px;align-items:center;gap:13px;padding:17px;border:1px solid var(--customer-line);border-radius:13px;background:#101b2b;color:var(--customer-text);text-align:left}.customer-language-options button.active{border-color:#5483ca;background:#172d4c}.customer-language-options button>b{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#223b60;color:#a9c8ff}.customer-language-options button>span{display:grid;gap:4px}.customer-language-options small{color:var(--customer-muted)}.customer-language-options button>i{color:#78d8b7;font-size:20px}@media(max-width:1050px){.customer-settings-nav{display:flex;overflow-x:auto}.customer-settings-nav button{flex:1 0 155px}.customer-settings-nav button>div{display:grid}}@media(max-width:700px){.customer-gallery-head{grid-template-columns:50px 1fr auto;padding:15px}.customer-gallery-head .customer-brand-logo.compact{width:46px;height:46px}.customer-settings-nav{display:flex;margin-left:-14px;margin-right:-14px;padding:8px 14px;border-left:0;border-right:0;border-radius:0}.customer-settings-nav button{flex-basis:145px;justify-content:flex-start}.customer-settings-nav button>div{display:grid}.customer-settings-nav button>span{display:none}.customer-profile-form,.customer-language-options{grid-template-columns:1fr}.customer-profile-form .wide{grid-column:auto}.customer-toggle-list label{gap:12px;padding:16px 13px}.customer-save-settings{width:100%}}.customer-project-cover{width:54px;height:54px;border-radius:13px;object-fit:cover}.customer-project-hero{position:relative;overflow:hidden}.customer-project-hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;filter:saturate(.8)}.customer-project-hero>div{position:relative;z-index:1}.customer-notification-bell{min-width:38px;height:38px;border:1px solid #3d5f8c;border-radius:10px;background:#172945;color:#82a9f4;font-weight:800}.customer-notification-centre{display:grid;gap:7px}.customer-notification-centre>button{display:grid;gap:3px;padding:10px;border:0;border-left:3px solid transparent;background:#101a29;color:#dce7f5;text-align:left}.customer-notification-centre>button.unread{border-left-color:#70d6b2;background:#14243a}.customer-notification-centre small,.customer-notification-centre time{color:var(--customer-muted);font-size:11px}.customer-approval{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:12px;border:1px solid #49658c;border-radius:11px;background:#172945}.customer-approval strong{flex:1;color:#9fc0fa}.customer-approval button{padding:8px 11px;border:1px solid #4a73ae;border-radius:8px;background:#203c65;color:#fff}.customer-file-upload{display:inline-flex;margin:10px 0 15px;padding:10px 14px;border:1px solid #4a73ae;border-radius:9px;background:#1b3152;color:#dce9ff;font-weight:700;cursor:pointer}.customer-file-upload input{display:none}.customer-file-list{display:grid;gap:7px}.customer-file-list a{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--customer-line);border-radius:10px;color:#dce7f5;text-decoration:none}.customer-file-list span{display:grid}.customer-file-list small{color:var(--customer-muted)}.customer-document{display:grid;gap:12px}.customer-document>b{font-size:24px}.customer-document .customer-button{justify-self:start}.customer-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-settings-form textarea{min-height:130px}.customer-settings-form textarea,.customer-settings-form select{width:100%;border:1px solid #3a4f6c;border-radius:10px;background:#0d1726;color:#f3f6fb}.customer-ticket-list{display:grid;gap:10px}.customer-ticket-list article{padding:14px;border:1px solid var(--customer-line);border-radius:12px;background:#101a29}.customer-ticket-list article>div{display:flex;justify-content:space-between}.customer-ticket-list span{display:inline-block;margin-top:8px;color:#78d8b7;text-transform:uppercase;font-size:10px}.customer-ticket-list p{color:var(--customer-muted)}.customer-profile-photo{display:flex;align-items:center;gap:16px;margin:18px 0}.customer-profile-photo img{width:82px;height:82px;border-radius:50%;object-fit:cover}.customer-profile-photo label{padding:10px 14px;border:1px solid #456da8;border-radius:9px;background:#1c3152;cursor:pointer}.customer-profile-photo input{display:none}@media(max-width:800px){.customer-support-grid{grid-template-columns:1fr}.customer-notification-bell{display:none}.customer-project-hero-cover{opacity:.1}}.employee-portal-assets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.employee-portal-assets>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:8px}.employee-portal-assets .danger{padding:2px 7px}.staff-support{display:grid;grid-template-columns:360px 1fr;gap:18px}.staff-ticket-list{display:grid;gap:8px}.staff-ticket-list button{display:grid;gap:5px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);text-align:left}.staff-ticket-list button.active{border-color:var(--primary);background:var(--primary-soft)}.staff-ticket-list span,.staff-ticket-list small{color:var(--muted)}.staff-support-thread{display:grid;gap:10px;max-height:520px;overflow:auto}.staff-support-thread article{padding:13px;border:1px solid var(--border);border-radius:11px}.staff-support-thread article.staff{margin-left:12%;background:var(--primary-soft)}.staff-support-thread article.customer{margin-right:12%}.staff-support-thread p{white-space:pre-wrap}.staff-support-thread small{color:var(--muted)}.staff-support-reply{display:grid;grid-template-columns:1fr auto auto;gap:9px;margin-top:14px}.staff-support-reply textarea{min-height:90px}@media(max-width:850px){.staff-support,.staff-support-reply{grid-template-columns:1fr}}.customer-ticket-list>button{display:block;width:100%;padding:14px;border:1px solid var(--customer-line);border-radius:12px;background:#101a29;color:inherit;text-align:left}.customer-ticket-list>button>div{display:flex;justify-content:space-between}.customer-support-dialog{position:fixed;z-index:80;inset:5vh max(20px,calc((100vw - 760px)/2));overflow:auto;padding:25px;border:1px solid #49658c;border-radius:18px;background:#111d2e;box-shadow:0 30px 100px #000}.customer-support-dialog>button{float:right;border:0;background:transparent;color:#fff;font-size:28px}.customer-support-dialog>div{display:grid;gap:9px;clear:both}.customer-support-dialog article{padding:12px;border:1px solid var(--customer-line);border-radius:10px}.customer-support-dialog article.staff{margin-left:10%;background:#172d4c}.customer-support-dialog article.customer{margin-right:10%;background:#101a29}.customer-support-dialog small{color:var(--customer-muted)}@media(max-width:700px){.customer-support-dialog{inset:14px;padding:18px}}.customer-project-search{max-width:520px;margin:0 0 16px}.customer-notification-filter{margin-bottom:10px}.customer-activity{margin-bottom:18px}.customer-activity article{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--customer-line)}.customer-activity article b{color:#83adf5;text-transform:uppercase;font-size:10px}.customer-activity article small{color:var(--customer-muted)}.customer-support-dialog article a,.staff-support-thread article a{display:inline-block;color:#8fb5f8;margin:4px 0}.internal-notes{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.internal-notes>article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px;margin:7px 0}.internal-notes>article span{flex:1}.internal-notes>article small{display:block;color:var(--muted)}.internal-notes>article.done span{text-decoration:line-through;opacity:.6}@media(max-width:700px){.customer-activity article{grid-template-columns:1fr}.customer-project-search{max-width:none}}.discord-bot-settings{margin-top:22px}.discord-bot-settings .section-title>span{padding:6px 10px;border:1px solid var(--border);border-radius:999px}.discord-bot-help{margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft)}.discord-bot-help p{margin:5px 0}.discord-bot-help code{color:var(--primary)}