*{box-sizing:border-box}body{margin:0;background:#f3f6fb;font-family:Arial,"Noto Sans",sans-serif;color:#172033}nav{background:#083b78;color:#fff;padding:15px 5%;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;margin-right:10px}.wrap{max-width:1200px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 5px 20px #00000010}.login{width:min(440px,92vw)}.center{min-height:100vh;display:grid;place-items:center}.centertext{text-align:center}.hero{background:linear-gradient(135deg,#063b78,#087cf0);color:#fff;padding:70px 20px;text-align:center}.hero h1{font-size:42px;margin:0 0 12px}.hero p{font-size:19px;max-width:760px;margin:0 auto 25px;line-height:1.7}.hero .btn{margin:5px 7px;font-size:16px;padding:13px 22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 20px #00000010}.stat strong{display:block;font-size:30px;margin-top:8px}input,select,textarea{width:100%;padding:12px;margin:7px 0;border:1px solid #d8dfeb;border-radius:8px;font:inherit}button,.btn{display:inline-block;background:#087cf0;color:#fff;border:0;padding:11px 16px;border-radius:8px;text-decoration:none;cursor:pointer;margin:5px 0}button:disabled{cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap}.postergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.poster{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:12px}.poster img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.ok{background:#e5f8ec;color:#16753a;padding:12px;border-radius:8px;margin:10px 0}.err{background:#ffe8e8;color:#a40000;padding:12px;border-radius:8px;margin:10px 0}.small{padding:7px 10px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef6ff;font-size:12px;margin-top:7px}.meter{height:14px;background:#e8edf4;border-radius:20px;overflow:hidden}.meter span{display:block;height:100%;background:#087cf0}.notice{border:1px solid #e5eaf1;border-radius:10px;padding:14px;margin:10px 0}.tiny,small{font-size:12px;color:#667085}footer{background:#062d59;color:#fff;text-align:center;padding:22px;margin-top:30px}@media(max-width:850px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:520px){.grid4,.grid3{grid-template-columns:1fr}.hero h1{font-size:31px}}

.btn.active{outline:2px solid currentColor} textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccd5e0;border-radius:9px}select{padding:10px;border:1px solid #ccd5e0;border-radius:9px;width:100%;box-sizing:border-box}