:root{--dark:#10151f;--gold:#f4b942;--teal:#0aae9b;--muted:#667085}*{box-sizing:border-box}body{font-family:Kanit,sans-serif;background:#f6f8fc;color:#172033}main{min-height:65vh}.glass-nav{background:rgba(12,17,26,.95);backdrop-filter:blur(12px)}.navbar{min-height:70px}.navbar-brand span{color:var(--gold)}.hero{padding:150px 0 100px;color:#fff;background:linear-gradient(110deg,rgba(8,15,27,.94),rgba(8,15,27,.45)),url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1800&q=80') center/cover}.hero h1{font-size:clamp(2.4rem,6vw,5.2rem);font-weight:700}.hero .eyebrow{color:var(--gold);letter-spacing:.18em}.section-pad{padding:80px 0}.section-title{font-weight:700}.portfolio-card{border:0;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(27,39,65,.09);transition:.25s;background:#fff}.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(27,39,65,.16)}.portfolio-card img{width:100%;height:245px;object-fit:cover}.category-pill{position:absolute;left:18px;bottom:-17px;background:var(--teal);color:white;padding:8px 17px;border-radius:30px}.card-img-wrap{position:relative}.info-strip{background:#fff;border-radius:24px;margin-top:-45px;position:relative;box-shadow:0 15px 50px rgba(0,0,0,.12)}.site-footer{background:#20252e;color:#adb5c2}.site-footer h6{color:#fff}.site-footer a{display:block;color:#adb5c2;text-decoration:none;margin:.55rem 0}.admin-shell{padding-top:95px}.sidebar{background:#121925;color:#fff;border-radius:22px;padding:18px;position:sticky;top:90px}.sidebar a{display:flex;gap:10px;color:#b8c2d3;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:#263247;color:#fff}.stat-card{border:0;border-radius:18px;box-shadow:0 9px 30px rgba(22,34,55,.08)}.table-card{border:0;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(22,34,55,.08)}.role-badge{padding:6px 12px;border-radius:50px}.form-control,.form-select{border-radius:11px;padding:.7rem .9rem}.auth-page{min-height:100vh;background:linear-gradient(140deg,#101722,#263754);padding:110px 15px 40px}.auth-card{max-width:460px;margin:auto;border:0;border-radius:25px;box-shadow:0 25px 80px rgba(0,0,0,.3)}@media(max-width:991px){.sidebar{position:static}.hero{padding-top:130px}.portfolio-card img{height:220px}}