:root{ color-scheme:dark; --bg:#041436; --bg2:#08204d; --line:#1b3566; --text:#e8edf7; --muted:#9fb0d0; --lime:#a6e04a; --red:#ff7b7b; --ink:#041436; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; } *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5} [hidden]{display:none!important} h1,h2,h3{margin:0 0 14px;line-height:1.2} p{margin-top:0} button,input,textarea{font:inherit} input,textarea{ width:100%; background:var(--bg); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:11px 12px; } textarea{min-height:110px;resize:vertical} label{display:block;font-weight:700;margin-bottom:6px} .field{margin-bottom:16px} .wrap{width:min(100% - 32px,900px);margin:0 auto} .card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px} .btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border-radius:8px; border:1px solid transparent; font-weight:800; cursor:pointer; text-decoration:none; } .lime{background:var(--lime);color:var(--ink)} .line{background:transparent;color:var(--text);border-color:var(--line)} .danger{background:var(--red);color:#270707} .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .muted{color:var(--muted)} .err{color:var(--red)} .top{ border-bottom:1px solid var(--line); padding:14px 0; margin-bottom:28px; } .top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .logo{font-size:26px;font-weight:900;letter-spacing:-.05em} .logo span{color:var(--lime)} .login{width:min(100% - 32px,420px);margin:12vh auto} .tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px} .tabs .btn.active{border-color:var(--lime);color:var(--lime)} .review,.photo{ border:1px solid var(--line); background:var(--bg); border-radius:10px; padding:16px; margin-bottom:12px; } .check{display:flex;align-items:center;gap:10px;margin-bottom:14px} .check input{width:20px;height:20px;accent-color:var(--lime)} .check label{margin:0} .photo img{ width:160px; height:110px; object-fit:cover; border-radius:8px; border:1px solid var(--line); display:block; margin-bottom:12px; } #toast{ position:fixed; right:16px; bottom:16px; background:var(--lime); color:var(--ink); padding:12px 18px; border-radius:8px; font-weight:800; box-shadow:0 8px 25px #0008; } #toast.bad{background:var(--red);color:#270707} @media(max-width:560px){ .card{padding:18px} .btn{width:100%} .actions{width:100%} }