@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#090909;color:#f5f1ed;font-family:Inter,sans-serif}i{color:#d6ad55;font-style:normal}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#361018,#090909 65%)}.login section{width:min(440px,100%);padding:40px;border:1px solid #45272b;border-radius:18px;background:#121010;box-shadow:0 20px 90px #000}.logo{font:800 42px Barlow Condensed;letter-spacing:2px}.logo span{color:#d6ad55}.login small,aside small,header small{color:#a59a94;letter-spacing:2px;font-size:9px}.login h1,main>h1{font:700 40px/1.05 Barlow Condensed;margin:28px 0 8px}.login p,.muted{color:#9b918b;font-size:12px}.login form{display:grid;gap:10px;margin-top:28px}.login label{font-size:11px;color:#d4c8bf}.login input{background:#090909;border:1px solid #453537;padding:13px;color:#fff;border-radius:7px}.login button{margin-top:12px;background:linear-gradient(90deg,#a90e25,#df293d);border:0;padding:14px;color:#fff;font-weight:700;border-radius:7px}.login footer{display:flex;gap:7px;align-items:center;color:#d6ad55;font-size:10px;margin-top:24px}.error{color:#ff9eaa}.layout{display:flex;min-height:100vh}aside{width:230px;background:#100e0e;border-right:1px solid #302323;padding:25px 14px;display:flex;flex-direction:column;gap:5px}aside .logo{padding:0 12px}aside small{padding:0 13px 24px}aside button{background:none;border:0;color:#b9afaa;text-align:left;padding:12px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px}aside button.sel,aside button:hover{background:#39131b;color:#fff}aside button.sel svg{color:#e34b5b}.logout{margin-top:auto}main{padding:0 32px;flex:1;min-width:0}header{height:80px;border-bottom:1px solid #302323;display:flex;align-items:center;gap:14px}header h2{font:700 23px Barlow Condensed;margin:4px 0}header>b{margin-left:auto;color:#d6ad55;font-size:9px;letter-spacing:1px}.notice{display:flex;gap:10px;align-items:center;padding:15px;background:#211812;border:1px solid #55402b;color:#e2c17e;border-radius:8px;font-size:12px;margin:25px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.records{background:#151212;border:1px solid #332626;border-radius:10px;padding:18px}.cards small,.cards span{display:block;color:#a79a93;font-size:10px}.cards strong{display:block;font:700 30px Barlow Condensed;margin:18px 0 5px}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a58a5a;text-align:center}.empty b{color:#e2d8cf;font-size:13px;margin-top:10px}.empty p{font-size:11px;color:#968b84}.records{margin-top:25px;min-height:400px}.recordhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.recordhead h3{font:700 20px Barlow Condensed;margin:0 0 5px}.recordhead small{color:#948982;font-size:10px}.search{display:flex;align-items:center;gap:8px;border:1px solid #443333;border-radius:7px;padding:8px}.search input{background:none;border:0;color:#fff;outline:0}.scroll{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:10px}td,th{text-align:left;padding:11px;border-bottom:1px solid #342727;white-space:nowrap}th{color:#d6ad55;text-transform:uppercase}td{color:#d4cbc5}main>footer{font-size:9px;color:#756c66;padding:30px 0}main>footer span{float:right;color:#a58a5a}.hamb{display:none}@media(max-width:800px){aside{position:fixed;z-index:5;left:-250px;top:0;bottom:0;transition:.2s}aside.open{left:0}main{padding:0 15px}.hamb{display:block;background:none;color:#fff;border:0}.cards{grid-template-columns:repeat(2,1fr)}header>b{font-size:8px}.recordhead{align-items:flex-start;flex-direction:column}}
