.portal-root{min-height:100vh;background:var(--bg);color:var(--ink);cursor:auto}.portal-root *{cursor:auto}.portal-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.portal-nav-inner{max-width:1380px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}.portal-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.02em}.portal-links{display:flex;gap:2px;flex:1 1}.portal-links a{padding:8px 14px;font-size:13.5px;color:var(--muted);border-radius:100px;transition:all .2s}.portal-links a.active,.portal-links a:hover{color:var(--ink);background:hsla(0,0%,4%,.05)}.portal-user{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.portal-user form{display:inline}.portal-user button{padding:8px 14px;border:1px solid var(--line-2);border-radius:100px;font-size:13px;background:transparent;color:var(--ink);cursor:pointer}.portal-user button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.portal-main{max-width:1380px;margin:0 auto;padding:32px 24px 64px}.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.portal-h1{font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1}.portal-sub{font-size:14px;color:var(--muted);margin-top:6px}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}.portal-stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.portal-stat .label{font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.portal-stat .n{font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1}.portal-stat .sub{margin-top:8px;font-size:12.5px;color:var(--muted)}.portal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:0;overflow:hidden}.portal-card-h{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.portal-card-h h2{font-size:17px;font-weight:500;letter-spacing:-.01em}.portal-card-b{padding:0}.portal-table{width:100%;border-collapse:collapse;font-size:13.5px}.portal-table th{text-align:left;font-family:var(--font-geist-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:12px 22px;background:var(--surface-2);font-weight:500}.portal-table td,.portal-table th{border-bottom:1px solid var(--line)}.portal-table td{padding:14px 22px;vertical-align:top}.portal-table tr:last-child td{border-bottom:none}.portal-table tr:hover td{background:var(--surface-2)}.portal-table .mono{font-family:var(--font-geist-mono),monospace;font-size:12px;color:var(--muted)}.portal-table a{color:var(--ink);border-bottom:1px solid transparent;transition:border-color .2s}.portal-table a:hover{border-bottom-color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;font-family:var(--font-geist-mono),monospace;letter-spacing:.06em;border-radius:100px;background:var(--bg-2)}.pill,.pill.new{color:var(--ink)}.pill.new{background:rgba(210,255,58,.35)}.pill.read{background:var(--bg-2);color:var(--muted)}.pill.replied{background:rgba(34,197,94,.18);color:#15803d}.pill.archived{background:hsla(0,0%,4%,.06);color:var(--muted)}.pill.open{background:rgba(77,166,255,.18);color:#1d4ed8}.pill.in_progress{background:rgba(210,255,58,.35);color:var(--ink)}.pill.waiting{background:rgba(255,95,31,.18);color:#b54708}.pill.closed{background:hsla(0,0%,4%,.06);color:var(--muted)}.pill.admin{background:var(--ink);color:var(--lime)}.pill.client{background:var(--bg-2);color:var(--muted)}.pill.urgent{background:rgba(220,38,38,.18);color:#b91c1c}.pill.high{background:rgba(255,95,31,.18);color:#b54708}.pill.normal{background:var(--bg-2);color:var(--muted)}.pill.low{background:var(--bg-2);color:var(--dim)}.portal-empty{padding:60px 22px;text-align:center;color:var(--muted);font-size:14px}.chat-viewer{display:grid;grid-template-columns:320px 1fr;min-height:600px}.chat-list{border-right:1px solid var(--line);overflow-y:auto;max-height:80vh}.chat-list-item{padding:14px 18px;border-bottom:1px solid var(--line);display:block;transition:background .2s}.chat-list-item.active,.chat-list-item:hover{background:var(--surface-2)}.chat-list-item .who{font-size:13px;font-weight:500}.chat-list-item .meta{font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);margin-top:3px}.chat-list-item .preview{font-size:12.5px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread{padding:22px 28px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:80vh}.chat-bubble{padding:12px 16px;border-radius:14px;max-width:72%;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-2);color:var(--ink);border-bottom-left-radius:4px}.chat-meta{font-family:var(--font-geist-mono),monospace;font-size:10px;color:var(--muted);margin-top:4px}.tickets-layout{display:grid;grid-template-columns:340px 1fr;grid-gap:20px;gap:20px;align-items:flex-start}.tickets-list{display:flex;flex-direction:column;gap:10px}.ticket-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;transition:all .2s;display:block}.ticket-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.ticket-card.active{border-color:var(--ink)}.ticket-subj{font-size:14px;font-weight:500;letter-spacing:-.01em;margin-bottom:6px}.ticket-meta{font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);display:flex;gap:10px;align-items:center}.ticket-thread{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:520px}.ticket-thread-h{padding:20px 24px;border-bottom:1px solid var(--line)}.ticket-thread-h h2{font-size:20px;font-weight:500;letter-spacing:-.015em;margin-bottom:6px}.ticket-msgs{flex:1 1;padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.tm-row{display:flex;gap:12px;align-items:flex-start}.tm-row.self{flex-direction:row-reverse}.tm-av{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:500;flex:none}.tm-row.self .tm-av{background:var(--lime);color:var(--ink)}.tm-bubble{background:var(--bg-2);border-radius:14px;padding:12px 16px;font-size:13.5px;line-height:1.5;max-width:70%;white-space:pre-wrap}.tm-row.self .tm-bubble{background:var(--ink);color:#fff;border-bottom-right-radius:4px}.tm-meta{font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);margin-top:4px}.tm-row.self .tm-meta{text-align:right}.ticket-reply{border-top:1px solid var(--line);padding:16px 20px;display:flex;gap:10px;align-items:flex-end}.ticket-reply textarea{flex:1 1;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;font:inherit;background:var(--surface-2);resize:vertical;min-height:60px}.ticket-reply textarea:focus{outline:none;border-color:var(--ink);background:var(--surface)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.project-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit}.project-card:hover{transform:translateY(-3px);border-color:var(--line-2)}.project-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-name{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.project-desc{font-size:13.5px;color:var(--muted);line-height:1.5;letter-spacing:-.005em}.project-progress{display:flex;flex-direction:column;gap:8px}.project-progress-top{display:flex;justify-content:space-between;font-family:var(--font-geist-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.project-progress-bar{height:6px;background:var(--bg-2);border-radius:100px;overflow:hidden;position:relative}.project-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--lime),var(--violet));border-radius:100px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.project-meta{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);letter-spacing:.08em}.project-meta .k{color:var(--ink);font-weight:500}.timeline-list{display:flex;flex-direction:column;gap:0;padding:4px 0}.timeline-item{position:relative;padding:18px 24px 18px 48px;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:none}.timeline-item:before{content:"";position:absolute;left:24px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(210,255,58,.15)}.timeline-item:after{content:"";position:absolute;left:28.5px;top:36px;bottom:-1px;width:1px;background:var(--line)}.timeline-item:last-child:after{display:none}.timeline-item .t-title{font-size:15px;font-weight:500;letter-spacing:-.01em;margin-bottom:4px}.timeline-item .t-meta{font-family:var(--font-geist-mono),monospace;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.timeline-item .t-body{font-size:14px;color:var(--ink-2);line-height:1.55;white-space:pre-wrap}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.01em}.money.big{font-size:28px;font-weight:500;letter-spacing:-.025em}.pill.planning{background:var(--bg-2);color:var(--muted)}.pill.active{background:rgba(210,255,58,.35);color:var(--ink)}.pill.paused{background:rgba(255,95,31,.18);color:#b54708}.pill.completed{background:rgba(34,197,94,.18);color:#15803d}.pill.draft{background:var(--bg-2);color:var(--muted)}.pill.sent{background:rgba(77,166,255,.18);color:#1d4ed8}.pill.paid{background:rgba(34,197,94,.18);color:#15803d}.pill.overdue{background:rgba(220,38,38,.18);color:#b91c1c}.pill.void{background:hsla(0,0%,4%,.06);color:var(--muted)}.invoice-hero{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:32px;gap:32px;margin-bottom:20px}.invoice-hero-label{font-family:var(--font-geist-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.invoice-hero-num{font-size:36px;font-weight:500;letter-spacing:-.025em;line-height:1;margin-bottom:8px}.invoice-hero-desc{font-size:14px;color:var(--muted);line-height:1.55}.invoice-hero-right{text-align:right;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.invoice-hero-status{align-self:flex-end}.portal-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.portal-grid-12{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:20px;gap:20px}.portal-form-row{display:grid;grid-gap:12px;gap:12px;padding:20px}.portal-form-row.cols-3-auto{grid-template-columns:1fr 1fr 1fr auto}.portal-form-row.cols-project{grid-template-columns:1.4fr 1fr auto}.portal-form-row.cols-invoice{grid-template-columns:repeat(6,1fr)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll>table{min-width:640px}.portal-cta{background:var(--ink);color:#fff;border-radius:24px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden}.portal-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 80% at 10% 100%,rgba(210,255,58,.22),transparent 60%);pointer-events:none}.portal-cta>*{position:relative;z-index:1}.portal-cta h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:4px}.portal-cta p{font-size:13.5px;color:hsla(0,0%,100%,.65)}@media (max-width:900px){.portal-links{display:none}.portal-stats{grid-template-columns:1fr 1fr}.portal-stats .portal-stat{grid-column:auto!important}.chat-viewer,.portal-form-row,.portal-form-row.cols-3-auto,.portal-form-row.cols-invoice,.portal-form-row.cols-project,.portal-grid-12,.portal-grid-2{grid-template-columns:1fr}.chat-list{border-right:none;border-bottom:1px solid var(--line);max-height:none}.invoice-hero,.project-grid,.tickets-layout{grid-template-columns:1fr}.invoice-hero{padding:28px}.invoice-hero-right{text-align:left;align-items:flex-start}.invoice-hero-status{align-self:flex-start}.portal-cta{padding:24px}.portal-heading{flex-direction:column;align-items:flex-start}.portal-main{padding:28px 18px 56px}.portal-nav-inner{padding:12px 18px;gap:14px}.portal-stat{padding:18px}.portal-stat .n{font-size:30px}.portal-stat .n.money{font-size:24px}.portal-card-h{padding:16px 18px;flex-wrap:wrap}.portal-table td,.portal-table th{padding:10px 16px}.portal-card{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.portal-card .portal-card-b>.portal-table,.portal-card>.portal-table{min-width:560px}.auth-form-col{padding:40px 18px}.auth-h1{font-size:36px}.auth-card h1{font-size:26px}}@media (max-width:560px){.portal-stats{grid-template-columns:1fr}.portal-nav-inner{flex-wrap:wrap}.portal-user{font-size:12px;gap:10px}}