@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#0a0c10;--panel:#14181f;--raised:#1b212b;--line:#262d38;--text:#f2f4f7;--muted:#8b93a1;--faint:#5c6472;--pink:#fe2c55;--cyan:#25f4ee;--amber:#ffb020;--green:#34d399;--display:"Space Grotesk",sans-serif;--mono:"JetBrains Mono",monospace;--body:"Inter",sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c10eb;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-logo{font-family:Archivo Black,sans-serif;font-size:18px}.brand-dot{background:var(--pink);border-radius:50%;width:.72em;height:.72em;margin:0 .02em;display:inline-block}.brand-sub{font-family:var(--display);color:var(--muted);font-size:14px}.wrap{max-width:1440px;margin:0 auto;padding:34px 24px 80px}.eyebrow{font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}h1,h2,h3{font-family:var(--display);margin:0}.hero-title{margin-top:6px;font-size:34px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card.highlight{border-color:#25f4ee4d}.stat{font:700 28px var(--mono);margin-top:8px}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.amber{color:var(--amber)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--raised);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--pink);border-color:var(--pink)}.btn.cyan{background:var(--cyan);color:#071012;border-color:var(--cyan)}.btn.ghost{color:var(--muted);background:0 0}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:600}.input{background:var(--raised);width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;outline:none;padding:11px 12px}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #25f4ee1a}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(430px,100%);padding:30px}.login-card h1{margin:6px 0 8px;font-size:24px}.stack{flex-direction:column;gap:14px;display:flex}.notice{color:var(--amber);background:#ffb02012;border:1px solid #ffb02040;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.side-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 64px);display:grid}.sidebar{border-right:1px solid var(--line);padding:22px 14px}.nav{flex-direction:column;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:13px}.nav a:hover,.nav a.active{background:var(--raised);color:var(--text)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:13px}.table th{font:600 10px var(--mono);text-transform:uppercase;color:var(--muted)}.pill{border:1px solid var(--line);font:600 10px var(--mono);color:var(--muted);border-radius:999px;padding:4px 8px;display:inline-flex}.pill.live{color:var(--green);background:#34d39914;border-color:#34d3994d}.schedule-head{background:#10141a;grid-template-columns:50px 90px 90px 1.1fr 1.3fr 1.6fr 1.3fr 70px;min-width:1100px;display:grid;position:sticky;top:0}.schedule-row{grid-template-columns:50px 90px 90px 1.1fr 1.3fr 1.6fr 1.3fr 70px;min-width:1100px;display:grid}.cell{border-bottom:1px solid var(--line);align-items:center;padding:10px;font-size:12px;display:flex}.cell.head{font:600 10px var(--mono);text-transform:uppercase;color:var(--muted)}.time{font:700 12px var(--mono)}.scrollbox{border:1px solid var(--line);border-radius:12px;max-height:620px;overflow:auto}.empty{text-align:center;color:var(--faint);padding:30px}@media (max-width:900px){.grid3,.grid2,.side-layout{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px}.wrap{padding:24px 14px}.brand-sub{display:none}}.nav button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:13px}.nav button:hover,.nav button.active{background:var(--raised);color:var(--text)}.admin-stat-card{appearance:none;text-align:left;color:inherit;cursor:pointer;width:100%;font-family:inherit}.admin-stat-card:hover,.admin-project-card:hover{border-color:#3a4351;transform:translateY(-1px)}.admin-list-row{border-top:1px solid var(--line);width:100%;color:inherit;padding:10px 0;display:block}.admin-row-button{text-align:left;cursor:pointer;font:inherit;background:0 0;border-bottom:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-row-button:hover{color:var(--cyan)}.admin-page-head{justify-content:space-between;align-items:flex-end}.admin-project-card{transition:border-color .15s,transform .15s;display:block}.admin-card-link{color:var(--cyan);font-size:13px;font-weight:700}.assignment-list{border-top:1px solid var(--line);margin-top:10px}.assignment-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.assignment-user{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.assignment-user>span{flex-direction:column;min-width:0;display:flex}.assignment-user b{font-size:12.5px}.assignment-user small{color:var(--muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.assignment-edit{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.assignment-row input{accent-color:var(--pink)}.project-role-choice{flex-shrink:0;gap:5px;display:flex}.project-role-choice button{border:1px solid var(--line);color:var(--muted);font:700 10px var(--mono);cursor:pointer;background:0 0;border-radius:6px;padding:6px 8px}.project-role-choice button:hover{color:var(--text);border-color:var(--muted)}.project-role-choice button.selected{background:var(--raised);color:var(--text)}.project-role-choice button.selected.user{color:var(--cyan);background:#25f4ee12;border-color:#25f4ee8c}.project-role-choice button.selected.admin{color:var(--pink);background:#fe2c5514;border-color:#fe2c558c}@media (max-width:760px){.assignment-row{flex-direction:column;align-items:flex-start}.project-role-choice{width:100%}.project-role-choice button{flex:1}}.assignment-add-box{border:1px solid var(--line);background:#ffffff05;border-radius:10px;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:8px;margin-top:12px;padding:12px;display:grid}.assignment-list.compact{margin-top:12px}.assignment-actions{align-items:center;gap:8px;display:flex}.assignment-role-select{width:110px;min-width:110px}.assignment-remove{padding:7px 9px;font-size:11px}@media (max-width:760px){.assignment-add-box{grid-template-columns:1fr}.assignment-actions{width:100%}.assignment-role-select{flex:1;width:auto}.assignment-remove{flex:1}}.project-delete-btn{color:var(--pink)!important;background:#ff2d550f!important;border-color:#ff2d5573!important}.project-delete-btn:hover{background:#ff2d5524!important}.portal-mobile-identity{font:700 10px var(--mono);letter-spacing:.06em;color:var(--muted);align-items:center;gap:7px;display:none}.portal-avatar{border:1px solid var(--line);background:var(--raised);width:30px;height:30px;color:var(--text);font:700 11px var(--display);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.portal-desktop-name{color:var(--muted);font-size:12px;font-weight:700}@media (max-width:600px){.portal-topbar{flex-wrap:nowrap;gap:8px;height:58px;padding:0 12px}.portal-topbar .brand-logo{white-space:nowrap;font-size:15px}.portal-user-toolbar{flex-wrap:nowrap;gap:7px}.portal-desktop-name{display:none}.portal-mobile-identity{display:inline-flex}.portal-logout{padding:8px 9px;font-size:11px}}.schedule-card-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.read-only-mode .upload-card{display:none!important}@media print{.read-only-mode{display:none!important}.read-only-mode:before{content:"Nyomtatás nem engedélyezett."}}.open-link-green{color:var(--green)!important;background:#34d3990d!important;border-color:#34d39973!important}.open-link-green:hover{border-color:var(--green)!important;background:#34d3991f!important}.project-status-toggle{text-transform:uppercase;min-width:86px;font:700 10px var(--mono);letter-spacing:.04em}.project-status-toggle.active{color:var(--green);background:#34d39914;border-color:#34d39973}.project-status-toggle.inactive{color:#ff5c70;background:#ff5c7014;border-color:#ff5c7080}.project-group-title{align-items:center;gap:10px;margin:8px 0 14px;display:flex}.project-group-title h2{font-size:20px}.open-link-green{align-items:center;min-height:34px;line-height:1.1;display:inline-flex;color:var(--green)!important;background:#34d3990f!important;border-color:#34d39973!important;margin:0!important;padding:8px 11px!important;font-size:12px!important}.admin-project-card .toolbar h2+.toolbar{align-items:center}@media (max-width:760px){.admin-project-card>.toolbar:nth-of-type(2){align-items:flex-start!important}.admin-project-card>.toolbar:nth-of-type(2)>div.toolbar{justify-content:flex-start;width:100%}.open-link-green{min-height:32px;padding:7px 9px!important;font-size:11px!important}.assignment-row>div:first-child>.toolbar{align-items:flex-start;gap:7px!important}.assignment-row>div:first-child>.toolbar b{padding-top:7px}}html[data-theme=light]{--bg:#f4f6f8;--panel:#fff;--raised:#eef1f4;--line:#d8dee6;--text:#151a22;--muted:#626c79;--faint:#8b95a3}html[data-theme=light] .topbar{background:#f4f6f8f0}html[data-theme=light] .schedule-head{background:#eef1f4}html[data-theme=light] .admin-project-card:hover{border-color:#aeb8c5}.theme-toggle{border:1px solid var(--line);background:var(--raised);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--muted)}.nav-sub{flex-direction:column;gap:3px;padding:4px 0 5px 14px;display:flex}.nav-sub button{border-left:1px solid var(--line)!important;border-radius:0 7px 7px 0!important;padding:7px 10px!important;font-size:11px!important}.nav-sub button.active{color:var(--green)!important}.project-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.project-filter-tabs .btn{align-items:center;gap:8px;display:inline-flex}.active-project-tab{border-color:#34d39980!important}.inactive-project-tab{border-color:#ff5c7080!important}.project-compact-list{flex-direction:column;gap:8px;display:flex}.admin-project-card{padding:0;overflow:hidden;transform:none!important}.project-list-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.project-list-summary:hover{background:var(--raised)}.project-list-main{align-items:baseline;gap:12px;min-width:0;display:flex}.project-list-main b{font-size:14px}.project-list-main .muted{font-size:11px}.project-list-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:14px;font-size:11px;display:flex}.project-chevron{text-align:center;width:16px;font-size:9px}.project-detail-panel{border-top:1px solid var(--line);padding:18px 20px 20px}@media (max-width:760px){.project-list-summary{flex-direction:column;align-items:flex-start;gap:8px}.project-list-main{flex-direction:column;gap:3px}.project-list-meta{flex-wrap:wrap;gap:8px;width:100%}.project-list-meta .project-chevron{margin-left:auto}.project-detail-panel{padding:14px}.project-filter-tabs .btn{flex:1;justify-content:center;min-width:145px}.theme-toggle{width:32px;height:32px;font-size:16px}}.compact-admin-list{flex-direction:column;gap:10px;display:flex}.compact-admin-item{padding:0;overflow:hidden}.compact-admin-summary{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.compact-admin-summary:hover{background:color-mix(in srgb,var(--raised) 58%,transparent)}.compact-admin-main{flex-direction:column;gap:3px;min-width:0;display:flex}.compact-admin-main b{font-size:14px}.compact-admin-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.compact-admin-meta{color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex}.compact-admin-detail{border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,var(--raised));padding:16px 18px}.stat-inline{font:700 15px var(--mono);margin-left:10px}.project-chevron{font:700 17px var(--mono);color:var(--muted)}.user-search{max-width:640px}.audit-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.audit-detail-grid>div{flex-direction:column;gap:5px;display:flex}.audit-detail-grid b{color:var(--muted);font-size:11px}.audit-detail-grid span{font-size:12px}.audit-detail-wide{grid-column:1/-1}.audit-detail-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 var(--mono);background:var(--raised);border:1px solid var(--line);color:var(--text);border-radius:8px;margin:0;padding:10px}html[data-theme=light] .card,html[data-theme=light] .compact-admin-detail{box-shadow:0 1px 2px #0f172a0a}html[data-theme=light] .btn.primary{color:#fff}html[data-theme=light] .open-link-green{background:#16a34a0a!important}@media (max-width:760px){.compact-admin-summary{align-items:flex-start;padding:13px 14px}.compact-admin-meta{flex-wrap:wrap;gap:7px}.compact-admin-detail{padding:14px}.audit-detail-grid{grid-template-columns:1fr}.audit-detail-wide{grid-column:auto}.user-search{max-width:none}.portal-user-toolbar .theme-toggle{flex:none}}.dashboard-grid{grid-template-columns:2fr repeat(3,minmax(150px,1fr));gap:14px;display:grid}.dashboard-next{min-height:170px}.dashboard-time{font:700 20px var(--mono);margin-top:10px}.dashboard-stat{min-height:120px}.dashboard-lower .admin-list-row:last-child{border-bottom:0}.list-tools{align-items:center;gap:8px;max-width:760px;display:flex}.list-tools>.input{flex:1;min-width:0}.list-tools.compact{flex:1;justify-content:flex-end;max-width:540px}.list-tools.compact>.input{max-width:360px}.sort-menu{flex:none;position:relative}.sort-menu>summary{border:1px solid var(--line);background:var(--raised);width:38px;height:38px;color:var(--text);cursor:pointer;font:700 17px var(--mono);-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;list-style:none;display:grid}.sort-menu>summary::-webkit-details-marker{display:none}.sort-menu[open]>summary{border-color:var(--cyan);box-shadow:0 0 0 2px #25f4ee14}.sort-popover{z-index:80;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:230px;padding:8px;position:absolute;top:46px;right:0;box-shadow:0 14px 40px #00000040}.sort-popover .eyebrow{padding:7px 8px 5px}.sort-popover button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:12px}.sort-popover button:hover,.sort-popover button.active{background:var(--raised);color:var(--text)}.sort-popover button.active{color:var(--cyan)}.favorite-star{appearance:none;color:var(--faint);cursor:pointer;background:0 0;border:0;flex:none;padding:2px 4px;font-size:20px;line-height:1}.favorite-star:hover,.favorite-star.active{color:var(--amber)}.project-title-stack{flex-direction:column;gap:3px;min-width:0;display:flex}.project-list-main{align-items:center}html[data-theme=light] .sort-popover{box-shadow:0 14px 35px #0f172a24}@media (max-width:1050px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-next{grid-column:1/-1}}@media (max-width:760px){.dashboard-grid{grid-template-columns:1fr}.dashboard-next{grid-column:auto}.list-tools,.list-tools.compact{width:100%;max-width:none}.list-tools.compact>.input{max-width:none}.sort-popover{min-width:0;position:fixed;inset:auto 14px 18px}.project-list-main{width:100%}.favorite-star{font-size:18px}.dashboard-lower{grid-template-columns:1fr!important}}.list-filter-select{flex:none;width:auto;min-width:145px;padding-right:28px}@media (max-width:760px){.list-tools{flex-wrap:wrap}.list-tools>.input:first-child{flex:calc(100% - 48px)}.list-filter-select{flex:160px;width:auto}.list-tools .sort-menu{margin-left:auto}}.project-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:10px;display:flex}.project-tab{border:1px solid var(--line);min-height:34px;color:var(--text);background:var(--panel);border-radius:9px;align-items:center;padding:7px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.project-tab.active{border-color:var(--cyan);color:var(--cyan)}.project-tab.disabled{opacity:.42;cursor:not-allowed}.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-detail-grid>div{flex-direction:column;gap:5px;display:flex}.product-detail-grid b{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.product-wide{overflow-wrap:anywhere;grid-column:1/-1}.product-form textarea{resize:vertical}@media (max-width:700px){.project-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.project-tab{white-space:nowrap}.product-detail-grid{grid-template-columns:1fr}}