*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}.app{min-height:100vh}.site-header{background:#1a1a1a;border-bottom:3px solid #e8870e;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:36px;width:auto;display:block}nav{display:flex;gap:.25rem;align-items:center}nav a{text-decoration:none;color:#ccc;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:.4rem .75rem;border-radius:4px;transition:color .2s,background .2s}nav a:hover{color:#fff;background:#e8870e26}.nav-icon-link,.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#999;transition:color .2s,background .2s;margin-left:.5rem}.nav-icon-link{text-decoration:none}.nav-icon-btn{background:none;border:none;cursor:pointer;padding:0;font-size:0}.nav-icon-link:hover,.nav-icon-btn:hover{color:#e8870e;background:#e8870e1a}.page{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem}.page h1{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:#1a1a1a;position:relative;padding-bottom:.6rem}.page h1:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#e8870e;border-radius:2px}.page>p{color:#666;margin-bottom:1rem;font-size:.9rem}.report-form{max-width:100%;padding:1.25rem;gap:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.form-footer>div{transform:scale(.85);transform-origin:left center}.form-footer button[type=submit]{margin-top:0}form{display:flex;flex-direction:column;gap:1rem;max-width:560px;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 4px #00000014;border:1px solid #e5e5e5}label{font-weight:600;color:#444;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}input,textarea,select{padding:.55rem .75rem;border:1px solid #d0d0d0;border-radius:6px;font-size:.9rem;font-family:inherit;background:#fafafa;color:#333;transition:border-color .2s,box-shadow .2s,background .2s}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}select:invalid,select option[value=""]{color:#999}input:focus,textarea:focus,select:focus{outline:none;border-color:#e8870e;background:#fff;box-shadow:0 0 0 3px #e8870e1f}button[type=submit]{padding:.65rem 1.5rem;background:#e8870e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;transition:background .2s,transform .1s;white-space:nowrap}button[type=submit]:hover{background:#d07a0c}button[type=submit]:active{transform:scale(.98)}button[type=submit]:disabled{background:#bbb;cursor:not-allowed;transform:none}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000014;border:1px solid #e5e5e5}th,td{padding:.75rem 1rem;text-align:left}th{background:#1a1a1a;color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}td{border-bottom:1px solid #eee;font-size:.85rem;color:#444}tr:last-child td{border-bottom:none}tr:hover td{background:#fdf8f3}td button{background:#e8870e;color:#fff;border:none;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;transition:background .2s,transform .1s}td button:hover{background:#d07a0c}td button:active{transform:scale(.96)}.action-buttons{display:flex;gap:.4rem}td button.btn-danger{background:#c62828}td button.btn-danger:hover{background:#a11d1d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:12px;padding:1.5rem;width:90%;max-width:500px;box-shadow:0 12px 40px #00000040}.modal h2{margin-bottom:1rem;font-size:1.1rem;color:#1a1a1a}.modal p{margin-bottom:1rem;line-height:1.5;color:#555}.modal textarea{width:100%;padding:.6rem .75rem;border:1px solid #d0d0d0;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;background:#fafafa}.modal textarea:focus{outline:none;border-color:#e8870e;background:#fff;box-shadow:0 0 0 3px #e8870e1f}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.modal-actions button{padding:.5rem 1rem;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;background:#fff;color:#555;transition:all .2s}.modal-actions button:hover{background:#f5f5f5}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-actions button.btn-primary{background:#e8870e;color:#fff;border-color:#e8870e}.modal-actions button.btn-primary:hover{background:#d07a0c}.modal-actions button.btn-danger{background:#c62828;color:#fff;border-color:#c62828}.modal-actions button.btn-danger:hover{background:#a11d1d}.success{color:#2e7d32;margin-top:.75rem;font-weight:500;padding:.6rem 1rem;background:#e8f5e9;border-radius:6px;border:1px solid #c8e6c9;font-size:.9rem}.error{color:#c62828;margin-top:.75rem;font-weight:500;padding:.6rem 1rem;background:#ffebee;border-radius:6px;border:1px solid #ffcdd2;font-size:.9rem}.confirmation-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2rem 1rem}.confirmation-card{text-align:center;background:#fff;border-radius:12px;padding:3rem 2.5rem;max-width:480px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e5e5}.confirmation-icon{margin-bottom:1.5rem}.confirmation-card h1{font-size:1.5rem;margin-bottom:1rem;padding-bottom:0}.confirmation-card h1:after{display:none}.confirmation-card p{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.confirmation-card button{margin:0 auto}@media (max-width: 768px){.header-inner{padding:0 1rem;height:50px}.brand-logo{height:28px}nav a{font-size:.7rem;padding:.35rem .5rem}.nav-icon-link,.nav-icon-btn{width:32px;height:32px;margin-left:.25rem}.nav-icon-link svg,.nav-icon-btn svg{width:18px;height:18px}.page{padding:1rem}.page h1{font-size:1.2rem;margin-bottom:.75rem}.form-row{grid-template-columns:1fr}form{padding:1rem}.form-footer{flex-direction:column;align-items:stretch}.form-footer button[type=submit]{width:100%}table{display:block;overflow-x:auto}}@media (max-width: 480px){.brand-logo{height:24px}nav a{font-size:.65rem;padding:.3rem .4rem}}
