.portal-app{--bg-app:#0c0f14;--bg-card:#151a22;--bg-input:#10151c;--hairline:#29313e;--text-primary:#edf2f8;--text-secondary:#a8b4c7;--text-tertiary:#95a4ba;--accent:#2dd4bf;--accent-fg:#052b27;background:var(--bg-app);color:var(--text-primary)}.portal-app a:focus-visible,.portal-app button:focus-visible,.portal-app input:focus-visible,.portal-app select:focus-visible,.portal-app textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portal-app .surface{background:var(--bg-card);box-shadow:none;border:1px solid var(--hairline)}.portal-app input,.portal-app select{color-scheme:dark}@media (max-width:640px){.portal-app button{min-height:40px}}@media (prefers-reduced-motion:reduce){.portal-app *{scroll-behavior:auto!important;transition:none!important}}.portal-app{--bg-app:#0b1422;--bg-card:#152338;--bg-input:#0d192b;--hairline:#304863;--accent:#64a6ff;--accent-fg:#07182e;--text-primary:#edf3ff;--text-secondary:#afc0d8;--text-tertiary:#8fa5c3;background:radial-gradient(ellipse at 65% 0,#163b684d,transparent 55%),#09111f;font-size:15px;line-height:1.65}.portal-workspace{display:flex;min-height:100vh}.portal-sidebar{width:240px;flex-shrink:0;padding:30px 18px 20px;background:linear-gradient(165deg,#203047e8,#101c2ee8 55%,#0b1626);border-right:1px solid #344d6a85;box-shadow:12px 0 40px #02081626;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.portal-brand{display:flex;gap:12px;align-items:center;padding:2px 14px 30px;font-size:19px;font-weight:700;letter-spacing:-.4px}.portal-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#9db2ce}.portal-brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#44c9ff,#1761ed);box-shadow:0 5px 25px #287dff45,inset 0 1px #ffffff80;color:white;font-size:24px}.portal-nav-label{font-size:10px;font-weight:600;color:#8199ba;letter-spacing:1.3px;margin:20px 14px 12px}.portal-sidebar nav{display:flex;flex-direction:column;gap:6px}.portal-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#b8c8df;font-size:14px;border:1px solid transparent;overflow-wrap:anywhere;transition:background .15s}.portal-sidebar nav a:hover{background:#2a426447;color:#ecf4ff}.portal-sidebar nav a.is-current{background:linear-gradient(110deg,#2263b955,#283e6f66);border-color:#497dd57d;color:#c5deff;box-shadow:inset 3px 0 #65b4ff,0 4px 18px #06132730}.portal-project-dot{width:10px;height:10px;flex-shrink:0;border-radius:4px;box-shadow:0 0 12px #678fff30}.portal-support-tile{margin:28px 4px 20px;padding:20px 15px;border-radius:17px;background:radial-gradient(ellipse at 90% 0,#2964b34d,transparent 70%),linear-gradient(145deg,#172d49,#111c30);border:1px solid #345478}.portal-support-tile>svg{color:#71b6ff;margin-bottom:12px}.portal-support-tile strong{font-size:14px}.portal-support-tile p{color:#94aaca;font-size:12px;margin:9px 0 16px;line-height:1.7}.portal-support-tile a{justify-content:space-between;gap:8px;color:#a2cdff;font-weight:600}.portal-nav-person,.portal-support-tile a{display:flex;align-items:center;font-size:12px}.portal-nav-person{gap:10px;margin-top:auto;padding:18px 8px 0;border-top:1px solid #354b674d}.portal-nav-person>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#3267b6,#3a427f);color:#d7e8ff}.portal-nav-person small{display:block;color:#91a7c5;font-size:10px}.portal-stage{flex:1;min-width:0}.portal-topbar{background:#101d2ee0;backdrop-filter:blur(20px);border-bottom:1px solid #344d6a75}.portal-topbar>div{min-height:82px}.portal-topbar a>div:first-child{width:39px;height:39px;border-radius:13px;box-shadow:inset 0 1px #ffffff30,0 6px 20px #0002}.portal-topbar a p:first-child{font-size:16px}.portal-content{width:100%;max-width:1580px;margin:auto;padding:32px 38px 60px}.portal-content>section:first-child>div:first-child{margin-bottom:8px}.portal-content h1{font-size:clamp(25px,2.4vw,32px);line-height:1.35;letter-spacing:-.7px}.portal-content h2{letter-spacing:-.25px}.portal-content :where(article,section.rounded-2xl,div.rounded-2xl){border-color:#38537485;border-radius:22px;background:linear-gradient(140deg,#21314a99,#15243bea 60%,#102137);box-shadow:0 14px 40px #030b1b30,inset 0 1px #ffffff08}.portal-content article{padding:26px}.portal-content article>div:first-child h2{font-size:20px}.portal-content article>.grid{gap:16px}.portal-content article>.grid>div{background:linear-gradient(135deg,#2142657a,#172b47);border:1px solid #41648a75;border-radius:17px;padding:21px;min-height:165px}.portal-content article>.grid>div:nth-child(2){background:linear-gradient(135deg,#393f6870,#222746);border-color:#65619766}.portal-content article>.grid>div:nth-child(3){background:linear-gradient(135deg,#214b5770,#142f3d);border-color:#43827f66}.portal-content article>.grid>div:nth-child(4){background:linear-gradient(135deg,#4b405b70,#2a2945);border-color:#75618366}.portal-content article>.grid>div>p:nth-child(2){font-size:30px;line-height:1.35}.portal-meter-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:550;color:#c8dcf6}.portal-meter-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:13px;color:#86c9ff;background:linear-gradient(140deg,#2b77b780,#183e6a);border:1px solid #4c8dc078;box-shadow:inset 0 1px #ffffff17,0 5px 15px #03162a45}.portal-content article>.grid>div:nth-child(2) .portal-meter-icon{background:linear-gradient(140deg,#6d53ac80,#353467);color:#cbb2ff;border-color:#9273c070}.portal-content article>.grid>div:nth-child(3) .portal-meter-icon{background:linear-gradient(140deg,#307b7680,#1c464d);color:#80e1ce;border-color:#4c9b8a70}.portal-content article>.grid>div:nth-child(4) .portal-meter-icon{background:linear-gradient(140deg,#61508780,#3d355a);color:#c7adf0;border-color:#8d73ae70}.portal-content article>.grid>div:nth-child(2) [role=progressbar]>div{background:#ad91ff}.portal-content article>.grid>div:nth-child(3) [role=progressbar]>div{background:#4ecdb5}.portal-content [role=progressbar]{height:6px;background:#07122275}.portal-content nav[aria-label="Panel klienta"]{gap:8px;padding-bottom:18px;border-color:#334a6866}.portal-content nav[aria-label="Panel klienta"] button{border-radius:11px;padding:10px 16px;font-size:14px}.portal-content nav[aria-label="Panel klienta"] button[aria-current]{background:linear-gradient(120deg,#2860ab66,#324d7966);color:#bcdcff;border:1px solid #5885bc75;box-shadow:0 4px 16px #0002}.portal-content :where(input,select,textarea){border-radius:11px;font-size:14px}.portal-content .surface{border:1px solid #38537485;background:linear-gradient(145deg,#20324a,#132238);box-shadow:0 12px 32px #0002}.portal-content .surface:hover{border-color:#4c75a8}.portal-content>.space-y-2>a{padding:20px;border-radius:16px}.portal-project-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;box-shadow:inset 0 1px #ffffff35,0 5px 16px #0003;color:#ecf4ff}.portal-ticket-view{max-width:1050px;width:100%}.portal-project-view{max-width:1250px;width:100%}.portal-ticket-view>.surface{padding:28px}.portal-ticket-view .surface p{line-height:1.85}.portal-content textarea:not(.portal-textarea){min-height:125px;height:auto;padding:14px;line-height:1.7;border:1px solid #3c5575}.portal-content .portal-page-heading{margin-bottom:26px}.portal-page-heading h1{margin:14px 0 8px;font-weight:650}.portal-page-heading>p{color:#a1b5d0;font-size:14px}.portal-back{display:inline-flex;align-items:center;gap:7px;color:#a3bbda;font-size:13px}.portal-compose-layout{display:grid;grid-template-columns:minmax(0,790px) 290px;gap:26px;max-width:1120px;align-items:start}.portal-compose-card,.portal-help-card{padding:28px;border-radius:23px;border:1px solid #3b567780;background:linear-gradient(140deg,#21334b,#152339 90%);box-shadow:0 16px 45px #020a1938,inset 0 1px #ffffff09}.portal-compose-card{display:flex;flex-direction:column;gap:24px}.portal-section-title{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #3d547366}.portal-section-title h2{font-size:18px;font-weight:600}.portal-section-title p{font-size:12px;color:#9db2cf;margin-top:3px}.portal-icon-tile{display:inline-grid;place-items:center;width:49px;height:49px;flex-shrink:0;border-radius:15px;color:#8fcbff;background:linear-gradient(140deg,#2264a77a,#173a665e);border:1px solid #4d91d370;box-shadow:inset 0 1px #ffffff0a,0 5px 15px #06234433}.portal-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-type-tile{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:center;text-align:left;padding:15px;border-radius:14px;border:1px solid #3f5877;background:#15263b;color:#b1c4de;transition:background .15s,border-color .15s}.portal-type-tile strong{font-size:14px;font-weight:600}.portal-type-tile small{grid-column:2;font-size:11px;color:#8fa8c8}.portal-type-icon{display:grid;place-items:center;grid-row:span 2;width:40px;height:44px;border-radius:12px;background:#263f5f;color:#8dc4ff}.portal-type-tile[data-type=INCIDENT] .portal-type-icon{color:#ffabac;background:#56344360}.portal-type-tile[data-type=PROBLEM] .portal-type-icon{color:#ffc18c;background:#5b423360}.portal-type-tile[data-type=SUGGESTION] .portal-type-icon{color:#d4b7ff;background:#493c6960}.portal-type-tile.is-selected{background:linear-gradient(120deg,#234b7a,#223551);border-color:#65a5f2;box-shadow:inset 0 0 0 1px #65a5f230,0 7px 20px #05193640;color:#eef5ff}.portal-type-tile:hover{border-color:#75a5dd}.portal-field-label{display:block;font-size:13px;font-weight:500;color:#c8d8ed;margin-bottom:9px}.portal-field-label small{font-size:11px;color:#8fa6c4;margin-left:8px}.portal-field-label>span{color:#89bcff}.portal-input{width:100%;padding:13px 15px;border:1px solid #3c5575;border-radius:12px;background:#0e1c2f;color:#e8f1ff;font-size:15px;box-shadow:inset 0 2px 5px #0002}.portal-input::placeholder{color:#8098b8}.portal-textarea{min-height:185px;line-height:1.75;resize:vertical}.portal-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.portal-priority{border:1px solid #3c5371;background:#14253a;color:#9db3d1;border-radius:10px;padding:10px 8px;font-size:12px}.portal-priority.is-selected{background:#254b7a;color:#d9eaff;border-color:#6099db}.portal-priority[data-priority=CRITICAL].is-selected{background:#613748;border-color:#d27c91;color:#ffe1e9}.portal-priority[data-priority=HIGH].is-selected{background:#59452f;border-color:#cc9d5e;color:#ffe3bd}.portal-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px;padding-top:22px;border-top:1px solid #3d547366}.portal-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;border:1px solid #74adff70;background:linear-gradient(135deg,#3c90ff,#2566e6);box-shadow:0 6px 24px #1c68e735,inset 0 1px #ffffff24;padding:12px 21px;color:white;font-size:14px;font-weight:600}.portal-primary-action:disabled{opacity:.5}.portal-secondary-action{padding:12px 18px;color:#b7c9e0;font-size:14px}.portal-compose-help{display:flex;flex-direction:column;gap:18px}.portal-help-card{padding:23px}.portal-help-card h2{font-size:16px;font-weight:600;margin:18px 0}.portal-help-card ol{list-style:none;counter-reset:help}.portal-help-card li{counter-increment:help;position:relative;padding:0 0 22px 30px}.portal-help-card li:before{content:counter(help);position:absolute;left:0;top:2px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#a9cbfb;background:#2c496d;font-size:11px}.portal-help-card li:last-child{padding-bottom:0}.portal-help-card strong{font-size:12px;font-weight:600}.portal-help-card li p{font-size:12px;color:#98aecc;line-height:1.8;margin-top:6px}.portal-help-note{display:flex;align-items:flex-start;gap:12px;padding:18px;color:#adbfe0;font-size:12px;line-height:1.8}.portal-help-note>svg{flex-shrink:0;color:#b394e9;margin-top:3px}.portal-empty{padding:36px;max-width:680px;border:1px solid #3b5677;border-radius:22px;background:#18283f}.portal-empty h1{margin:16px 0;font-size:24px}.portal-empty a{display:inline-block;margin-top:20px;color:#8fbcff}@media (min-width:2000px){.portal-content{padding-top:42px}}@media (min-width:901px){.portal-content nav[aria-label="Panel klienta"]{display:none}}@media (max-width:1250px){.portal-sidebar{width:215px;padding-inline:12px}.portal-content{padding:26px}.portal-compose-layout{grid-template-columns:1fr;max-width:850px}.portal-compose-help{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:900px){.portal-sidebar{display:none}.portal-content{max-width:900px;padding:24px}}@media (max-width:560px){.portal-content{padding:22px 16px 40px}.portal-topbar>div{min-height:70px}.portal-compose-card{padding:20px;gap:22px}.portal-type-grid{grid-template-columns:1fr}.portal-priority-grid{grid-template-columns:1fr 1fr}.portal-compose-help{display:flex}.portal-form-actions{flex-wrap:wrap}.portal-content article{padding:20px}.portal-content article>.grid>div{padding:18px}}.portal-content nav[aria-label="Panel klienta"]{display:flex;flex-wrap:wrap}.portal-workspace{display:block}.portal-topbar>div{max-width:1440px;margin:auto;min-height:74px}.portal-content{max-width:1440px;padding-top:28px}.portal-project-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1440px;margin:auto;padding:14px 38px;border-bottom:1px solid #30486380;color:#b4c9e4;font-size:13px}.portal-project-bar>a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px}.portal-project-bar>a.is-current,.portal-project-bar>a:hover{background:#24466c;color:#e0efff}.portal-project-bar select{min-width:210px;max-width:420px;padding:9px 12px;border:1px solid #3b5677;border-radius:10px;background:#14253a;color:#e8f1ff}.portal-project-bar-divider{width:1px;height:22px;background:#304863}.portal-project-bar .portal-all-projects{margin-left:auto;color:#91bbef}.portal-project-view{max-width:none}.portal-project-view .surface{padding:20px}@media(max-width:560px){.portal-project-bar{padding:12px 16px;gap:8px}.portal-project-bar select{min-width:0;flex:1;max-width:100%}.portal-project-bar .portal-all-projects,.portal-project-bar-divider{display:none}}