:root{--bg:#070a12;--panel:#0c111d;--panel-2:#101725;--border:#202a3c;--text:#f5f7fb;--muted:#8c98ad;--blue:#4285ff;--violet:#8a5cff;--cyan:#21d4d7;--pink:#ee5cba;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:var(--bg)}button,input{font:inherit}button,a{outline-offset:3px}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(90,160,255,.48);border-radius:11px;background:linear-gradient(145deg,#397aff,#7858e9);box-shadow:0 10px 30px rgba(57,122,255,.28);font-size:15px;letter-spacing:-1px}.eyebrow{display:flex;align-items:center;gap:9px;color:#88a9de;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.eyebrow span{width:19px;height:2px;border-radius:2px;background:#4a86ff}.status-dot{width:7px;height:7px;border-radius:50%;background:#25d598;box-shadow:0 0 10px rgba(37,213,152,.65)}
/* Login */
.login-page{overflow-x:hidden;background:radial-gradient(circle at 20% 15%,rgba(43,86,164,.18),transparent 28%),radial-gradient(circle at 85% 85%,rgba(91,47,173,.13),transparent 27%),#070a12}.login-shell{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;isolation:isolate}.login-shell:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(100,140,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,140,220,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px)}.ambient-one{top:16%;left:5%;width:430px;height:430px;border:1px solid rgba(68,121,232,.11);box-shadow:0 0 120px rgba(35,84,184,.1)}.ambient-two{right:6%;bottom:8%;width:280px;height:280px;background:rgba(92,48,180,.08);filter:blur(80px)}.login-intro{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(50px,8vw,140px)}.login-intro .brand{position:absolute;top:48px}.login-intro .eyebrow{margin-bottom:25px}.login-intro h1{margin:0;font-size:clamp(44px,5vw,72px);line-height:1.04;letter-spacing:-4px}.login-intro h1 strong{font-weight:800;background:linear-gradient(90deg,#5d91ff,#9c69ff 60%,#54c8e8);-webkit-background-clip:text;background-clip:text;color:transparent}.login-intro>p{max-width:470px;margin:24px 0 36px;color:#98a6ba;font-size:17px;line-height:1.65}.intro-features{display:flex;align-items:center;gap:13px;color:#68748a;font-size:12px;font-weight:600;letter-spacing:.5px}.intro-features i{width:3px;height:3px;border-radius:50%;background:#40516d}.login-card-wrap{display:grid;place-items:center;padding:40px 7vw 40px 30px}.login-card{position:relative;width:min(100%,440px);overflow:hidden;padding:45px 42px 30px;border:1px solid rgba(83,104,141,.28);border-radius:23px;background:linear-gradient(145deg,rgba(17,24,39,.96),rgba(10,15,26,.96));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(18px)}.card-accent{position:absolute;top:0;left:22%;width:56%;height:1px;background:linear-gradient(90deg,transparent,#618eff,transparent);box-shadow:0 0 16px #618eff}.login-card header{text-align:center}.login-card h2{margin:0;font-size:25px;letter-spacing:-.8px}.login-card header p{margin:9px 0 30px;color:var(--muted);font-size:13px}.mobile-brand{display:none}.alert{display:flex;gap:11px;margin:-8px 0 21px;padding:12px 14px;border:1px solid rgba(255,93,115,.25);border-radius:10px;background:rgba(255,67,93,.08);color:#ff9baa;font-size:12px;line-height:1.4}.alert>span{display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;background:#ec5269;color:#fff;font-weight:800}.alert p{margin:1px 0}.login-form label{display:block;margin:0 0 8px;color:#c7cfdd;font-size:12px;font-weight:600}.input-wrap{position:relative;margin-bottom:20px}.input-wrap svg{position:absolute;top:50%;left:14px;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#66738a;stroke-width:1.6}.input-wrap input{width:100%;height:48px;padding:0 15px 0 43px;border:1px solid #263147;border-radius:10px;color:#eaf0fb;background:#0b111d;transition:.2s}.input-wrap input::placeholder{color:#526078}.input-wrap input:focus{border-color:#4e7fe2;box-shadow:0 0 0 3px rgba(78,127,226,.12);outline:0}.login-form button,.primary-button,.secondary-button{border:0;border-radius:10px;color:#fff;font-weight:700;cursor:pointer}.login-form button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:49px;margin-top:5px;background:linear-gradient(100deg,#3979f2,#7658e5);box-shadow:0 12px 26px rgba(63,105,229,.23);transition:.2s}.login-form button:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-form button span{font-size:20px;font-weight:400}.login-card footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:29px;padding-top:22px;border-top:1px solid #1d2637;color:#627087;font-size:10px;letter-spacing:.3px}
/* Dashboard */
.dashboard-page{background:#080c14}.svg-defs{position:absolute;width:0;height:0}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:245px;border-right:1px solid #1b2434;background:linear-gradient(180deg,#0b101b,#090e17);z-index:5}.sidebar-brand{height:82px;padding:0 25px;border-bottom:1px solid #1b2434}.sidebar nav{flex:1;padding:23px 14px}.nav-label{margin:0 11px 12px;color:#566278;font-size:9px;font-weight:800;letter-spacing:1.45px}.settings-label{margin-top:31px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#7d899d;font-size:13px;font-weight:500}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.nav-item small{display:none;margin-left:auto;font-size:8px}.nav-item[aria-disabled=true]{cursor:default}.nav-item[aria-disabled=true]:hover small{display:inline;color:#58667c}.nav-item.active{border-color:rgba(65,125,242,.22);color:#dbe8ff;background:linear-gradient(90deg,rgba(46,102,211,.18),rgba(46,102,211,.06));box-shadow:inset 3px 0 #4c82ee}.nav-item.active svg{color:#6794f4}.sidebar-footer{display:flex;align-items:center;gap:11px;margin:14px;padding:15px;border:1px solid #1d283a;border-radius:10px;background:#0d1420}.sidebar-footer div{display:flex;flex-direction:column;gap:4px}.sidebar-footer strong{font-size:10px;color:#b6c0d0}.sidebar-footer small{font-size:8px;color:#5e6c82}.main-content{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 34px;border-bottom:1px solid #1b2434;background:rgba(8,12,20,.88);backdrop-filter:blur(14px)}.menu-button{display:none}.search-box{display:flex;align-items:center;width:min(390px,40vw);height:40px;padding:0 12px;border:1px solid #202b3d;border-radius:9px;background:#0d131f}.search-box svg{width:17px;height:17px;fill:none;stroke:#627087;stroke-width:1.7}.search-box input{flex:1;min-width:0;padding:0 11px;border:0;outline:0;color:#cdd5e3;background:transparent;font-size:11px}.search-box input::placeholder{color:#56647a}.search-box kbd{padding:4px 7px;border:1px solid #283348;border-radius:5px;color:#5f6c80;background:#111927;font-family:inherit;font-size:9px}.user-area{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid #516da7;border-radius:10px;background:linear-gradient(145deg,#283e70,#443a77);font-size:12px;font-weight:800}.user-copy{display:flex;flex-direction:column;gap:3px;min-width:110px}.user-copy strong{font-size:11px}.user-copy small{color:#68758a;font-size:9px}.logout-button{display:flex;align-items:center;gap:6px;padding:8px;border:0;color:#77849a;background:transparent;cursor:pointer}.logout-button:hover{color:#e58b9b}.logout-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.logout-button span{font-size:10px}.dashboard-content{max-width:1480px;margin:auto;padding:42px 38px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.welcome-row .eyebrow{margin:0 0 12px;font-size:9px}.welcome-row h1{margin:0 0 9px;font-size:29px;letter-spacing:-1px}.welcome-row>div>p:last-child{margin:0;color:#77849a;font-size:12px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 17px;background:linear-gradient(100deg,#3979f2,#7158e2);box-shadow:0 10px 24px rgba(54,102,218,.2);font-size:11px}.primary-button span,.secondary-button span{font-size:18px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:33px 0 22px}.stat-card{display:flex;align-items:flex-start;gap:15px;min-height:132px;padding:22px;border:1px solid #1d2738;border-radius:13px;background:linear-gradient(145deg,#0e1521,#0b111b);box-shadow:0 10px 30px rgba(0,0,0,.13)}.stat-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px}.stat-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.stat-icon.blue{color:#6897ff;background:rgba(58,118,237,.13)}.stat-icon.violet{color:#9b7aff;background:rgba(126,82,231,.13)}.stat-icon.cyan{color:#48dce0;background:rgba(34,193,196,.11)}.stat-icon.pink{color:#f174bd;background:rgba(220,68,158,.11)}.stat-card p{margin:1px 0 7px;color:#8490a4;font-size:10px}.stat-card strong{display:block;margin-bottom:8px;font-size:25px;line-height:1}.stat-card small{color:#566278;font-size:8px}.stat-card small span{margin-right:3px;color:#3e4b60}.recent-card{overflow:hidden;border:1px solid #1d2738;border-radius:14px;background:linear-gradient(145deg,#0e1521,#0a101a);box-shadow:0 12px 36px rgba(0,0,0,.13)}.recent-card>header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #1d2738}.recent-card h2{margin:0 0 6px;font-size:13px}.recent-card header p{margin:0;color:#667389;font-size:9px}.recent-card header button{border:0;color:#668fe6;background:transparent;font-size:9px;cursor:pointer}.recent-card header button span{margin-left:5px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:58px 20px 61px;text-align:center}.empty-illustration{position:relative;display:grid;place-items:center;width:66px;height:66px;margin-bottom:19px;border:1px solid #263653;border-radius:20px;color:#648def;background:linear-gradient(145deg,rgba(47,100,203,.14),rgba(79,58,153,.09));transform:rotate(-4deg)}.empty-illustration:before,.empty-illustration:after{content:"";position:absolute;border:1px solid rgba(60,94,158,.14);border-radius:20px;inset:-8px}.empty-illustration:after{inset:-17px;opacity:.5}.empty-illustration svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(4deg)}.empty-state h3{margin:0 0 9px;font-size:14px}.empty-state p{margin:0 0 22px;color:#657288;font-size:10px}.secondary-button{height:38px;padding:0 15px;font-size:10px}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-card-wrap{padding:30px}.mobile-brand{display:block;margin-bottom:22px;color:#76a0ff;font-size:14px;font-weight:800}.app-shell{grid-template-columns:78px 1fr}.sidebar{width:78px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand>span:last-child,.nav-label,.nav-item span,.nav-item small,.sidebar-footer,.user-copy{display:none}.sidebar nav{padding:20px 10px}.nav-item{justify-content:center;padding:0}.main-content{grid-column:2}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.login-card-wrap{padding:20px}.login-card{padding:38px 25px 27px}.app-shell{display:block}.sidebar{display:none}.main-content{grid-column:auto}.topbar{height:68px;padding:0 18px}.menu-button{display:block;border:0;color:#8e9bb0;background:transparent;font-size:20px}.search-box{display:none}.dashboard-content{padding:29px 18px}.welcome-row{align-items:flex-start;flex-direction:column}.primary-button{width:100%}.stats-grid{grid-template-columns:1fr;margin-top:24px}.stat-card{min-height:112px}.recent-card>header{padding:18px}.recent-card header button{display:none}.empty-state{padding:48px 18px}.logout-button span{display:none}}

/* Motherboards */
.recent-card header a{color:#668fe6;font-size:9px}.recent-list{display:flex;flex-direction:column}.recent-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;align-items:center;gap:13px;padding:15px 23px;border-bottom:1px solid #172132;transition:.2s}.recent-item:last-child{border-bottom:0}.recent-item:hover{background:rgba(66,133,255,.04)}.recent-board-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#6897ff;background:rgba(58,118,237,.13)}.recent-board-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.recent-item div{display:flex;flex-direction:column;gap:4px}.recent-item strong{font-size:11px}.recent-item small,.recent-item>span:nth-last-child(2){color:#68758a;font-size:9px}.recent-item b{color:#527ccf;font-size:12px}.resource-content{padding-top:35px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.page-heading .eyebrow{margin:0 0 12px;font-size:9px}.page-heading h1{margin:0 0 8px;font-size:29px;letter-spacing:-1px}.page-heading>div>p:last-child{margin:0;color:#77849a;font-size:12px}.resource-card,.resource-form{overflow:hidden;border:1px solid #1d2738;border-radius:14px;background:linear-gradient(145deg,#0e1521,#0a101a);box-shadow:0 12px 36px rgba(0,0,0,.13)}.resource-card>header{padding:20px 23px;border-bottom:1px solid #1d2738}.resource-card h2,.form-section h2{margin:0 0 6px;font-size:13px}.resource-card header p,.form-section header p{margin:0;color:#667389;font-size:9px}.compact-empty{padding:75px 20px}.success-toast{display:flex;align-items:center;gap:9px;margin-bottom:20px;padding:12px 15px;border:1px solid rgba(37,213,152,.25);border-radius:10px;color:#a6efd4;background:rgba(37,213,152,.08);font-size:11px}.success-toast span{font-weight:800}.table-wrap{overflow-x:auto}.resource-table{width:100%;border-collapse:collapse;white-space:nowrap}.resource-table th{padding:12px 16px;border-bottom:1px solid #1d2738;color:#58667c;background:#0a101a;text-align:left;font-size:8px;letter-spacing:.7px;text-transform:uppercase}.resource-table td{padding:14px 16px;border-bottom:1px solid #172132;color:#91a0b5;font-size:10px}.resource-table tr:last-child td{border-bottom:0}.resource-table tbody tr:hover{background:rgba(66,133,255,.035)}.board-cell{display:flex;align-items:center;gap:11px;min-width:230px}.board-cell>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#6897ff;background:rgba(58,118,237,.12)}.board-cell svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.board-cell>div{display:flex;flex-direction:column;gap:4px}.board-cell strong{color:#dce4f1;font-size:10px}.board-cell small{max-width:280px;overflow:hidden;color:#58667c;font-size:8px;text-overflow:ellipsis}.pagination-row{padding:15px 20px;border-top:1px solid #1d2738}.pagination-row nav>div:first-child{display:none}.pagination-row nav>div:last-child{display:flex;align-items:center;justify-content:space-between;color:#667389;font-size:9px}.pagination-row svg{width:13px}.pagination-row a,.pagination-row span{border-color:#243047!important;background:#0d1420!important;color:#8290a5!important}.back-link{display:inline-block;margin-bottom:24px;color:#6f8fc9;font-size:10px}.back-link:hover{color:#8db1f4}.form-page{max-width:1050px;margin:0 auto}.form-page .page-heading{margin-bottom:24px}.resource-form{overflow:visible}.form-alert{display:flex;flex-direction:column;gap:4px;margin:20px 24px 0;padding:12px 14px;border:1px solid rgba(255,93,115,.25);border-radius:10px;color:#ff9baa;background:rgba(255,67,93,.08);font-size:10px}.form-section{padding:25px 27px;border-bottom:1px solid #1d2738}.form-section>header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.form-section>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#7ea6fa;background:rgba(58,118,237,.13);font-size:9px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.form-grid label{display:flex;flex-direction:column;gap:8px;color:#aab5c5;font-size:10px;font-weight:600}.form-grid label em{color:#f1749a;font-style:normal}.form-grid input,.form-grid textarea{width:100%;border:1px solid #263147;border-radius:9px;color:#eaf0fb;background:#0b111d;outline:0;transition:.2s}.form-grid input{height:44px;padding:0 13px}.form-grid textarea{padding:12px 13px;resize:vertical;line-height:1.5}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#4f5d73}.form-grid input:focus,.form-grid textarea:focus{border-color:#4e7fe2;box-shadow:0 0 0 3px rgba(78,127,226,.12)}.full-field{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:20px 27px}.form-actions>a{color:#718097;font-size:10px}.form-actions .primary-button{min-width:155px;border:0}.form-actions .primary-button span{font-size:14px}
@media(max-width:760px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading .primary-button{width:100%}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.form-section{padding:22px 18px}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions>a{text-align:center}.recent-item{grid-template-columns:36px minmax(0,1fr) 14px}.recent-item>span:nth-last-child(2){display:none}}