:root{color-scheme:light;--ink:#182d46;--muted:#506279;--navy:#142b49;--green:#17674e}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#f0f5fa;color:var(--ink)}header{background:var(--navy);color:#fff;padding:20px 5%;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand{color:#fff;font-size:27px;font-weight:750;text-decoration:none;letter-spacing:2px}.brand span{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:#d1deed}.account{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account form{margin:0}.trial{background:#fff1ca;color:#5b410c;padding:10px 5%;font-size:14px}nav{display:flex;gap:6px 12px;flex-wrap:wrap;background:#fff;padding:12px 5%;border-bottom:1px solid #dce5ef}nav a{color:var(--ink);text-decoration:none;padding:10px 8px;min-height:44px}main{max-width:1150px;padding:28px 5%;margin:auto;min-height:60vh}h1{font-size:29px;margin:0 0 12px;line-height:1.25}h2{font-size:22px;line-height:1.3;margin:0 0 12px}h3{font-size:18px;margin:16px 0 8px}p{margin:8px 0 14px}.card{background:white;border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 2px 8px #182d4610;min-width:0;overflow-wrap:anywhere}.narrow{max-width:470px;margin:24px auto}.list{display:grid;gap:14px}.list>.card{margin:0}.list{margin:18px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.tag{display:inline-block;background:#e4edf7;padding:5px 10px;border-radius:6px;font-size:14px}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;max-width:100%;padding:11px 16px;border:1px solid #b7c7d8;border-radius:9px;background:#fff;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer;text-align:center;overflow-wrap:anywhere}button:hover,.button:hover{filter:brightness(.95)}.primary{background:var(--green);border-color:var(--green);color:#fff}.wide{width:100%}.quiet{background:transparent;border-color:#8ea4bf;color:#fff}form{margin:15px 0 0}label{display:block;margin:14px 0;font-weight:550}input:not([type=checkbox]),textarea,select{display:block;width:100%;max-width:100%;min-height:46px;padding:11px 12px;border:1px solid #a9bcd0;border-radius:8px;font:inherit;background:white;color:var(--ink);margin-top:5px;min-width:0}textarea{min-height:100px;resize:vertical}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fields label{min-width:0}fieldset{border:1px solid #bbcbdc;border-radius:8px;margin:18px 0;padding:12px}.check{display:flex;align-items:center;gap:12px;min-height:44px}.check input{width:22px;height:22px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.actions form{margin:0}summary{padding:8px 0;min-height:44px;cursor:pointer;font-weight:650}.task{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #dce5ef}.task form{margin:0;flex-shrink:0}.task div{min-width:0;overflow-wrap:anywhere}.notice{padding:16px;background:#e2f2e9;color:#154936;border-radius:9px;margin:16px 0}.notice a{color:inherit}.equipment{border-bottom:1px solid #dce5ef;padding:10px 0}.equipment p{margin:6px 0}.inline{display:inline-block;margin:5px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.message{background:#edf4fc;border-radius:10px;padding:15px;margin:12px 0;overflow-wrap:anywhere}.message p{margin-bottom:0}.message .muted{font-size:13px}.date-filter{display:flex;gap:12px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.date-filter label{margin:0}.date-filter input{min-width:180px}footer{font-size:13px;padding:24px 5%;color:var(--muted)}:focus-visible{outline:3px solid #ae6a00;outline-offset:3px}@media(max-width:600px){main{padding:22px 4%}header{padding:18px 4%}.account{font-size:14px}h1{font-size:25px}.card{padding:18px}.fields{grid-template-columns:1fr;gap:0}.actions>.button,.actions>form{flex:1 1 145px}.task{align-items:flex-start}.tag{white-space:normal}nav{padding:8px 3%;gap:0}nav a{font-size:14px;padding:10px 8px}}

nav a.pending-link{background:#fff1ed;border-radius:8px;font-weight:700}nav .pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;padding:1px 7px;border-radius:20px;background:#a91f30;color:#fff;font-size:14px;line-height:1.4;margin-left:4px;vertical-align:middle}
