@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#2bb5c5;--teal-dark:#1a9db0;--teal-light:#e6f7f9;--orange:#f5962a;--orange-dark:#e07d10;--red:#e53e3e;--red-light:#fff5f5;--green:#38a169;--green-light:#f0fff4;--gray-50:#f7f8f9;--gray-100:#f0f2f3;--gray-200:#e4e8eb;--gray-400:#9aa5b1;--gray-600:#52606d;--gray-800:#1f2933;--shadow-sm:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 12px rgba(0,0,0,0.07),0 1px 4px rgba(0,0,0,0.04);--radius:12px;--radius-sm:8px}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gray-100);color:var(--gray-800);min-height:100vh;-webkit-font-smoothing:antialiased}.header{background:var(--teal);color:white;padding:14px 20px;display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px rgba(43,181,197,.25)}.header h1{color:white;font-size:17px;font-weight:700;margin:0;letter-spacing:.02em}.header a{color:rgba(255,255,255,.9)!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:color .15s}.header a:hover{color:white!important}.container{max-width:640px;margin:0 auto;padding:16px 16px 40px}.card{background:white;border-radius:var(--radius);padding:20px 18px;margin-bottom:14px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}h1{font-size:20px;font-weight:700}h2{font-size:16px;margin-bottom:14px}h2,h3{font-weight:700;color:var(--gray-800)}.btn,h3{font-size:15px}.btn{display:block;width:100%;padding:13px 20px;border:none;border-radius:var(--radius-sm);font-weight:700;font-family:inherit;cursor:pointer;margin-bottom:10px;text-align:center;text-decoration:none;transition:transform .1s,box-shadow .15s,opacity .15s;letter-spacing:.01em}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--teal);color:white;box-shadow:0 2px 8px rgba(43,181,197,.3)}.btn-primary:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 4px 14px rgba(43,181,197,.4)}.btn-orange{background:var(--orange);color:white;box-shadow:0 2px 8px rgba(245,150,42,.3)}.btn-orange:hover:not(:disabled){background:var(--orange-dark);box-shadow:0 4px 14px rgba(245,150,42,.4)}.btn-danger{background:var(--red);color:white;box-shadow:0 2px 8px rgba(229,62,62,.25)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 14px rgba(229,62,62,.35)}.btn-secondary{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-outline{background:white;color:var(--teal);border:2px solid var(--teal)}.btn-outline:hover:not(:disabled){background:var(--teal-light)}label{display:block;font-weight:600;margin-bottom:6px;font-size:13px;color:var(--gray-600);letter-spacing:.02em}input:not([type=checkbox]):not([type=radio]),select{width:100%;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;margin-bottom:14px;background:white;color:var(--gray-800);transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(43,181,197,.15)}input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--gray-400)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.03em}.tag-out{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.tag-in{background:var(--teal-light);color:var(--teal-dark);border:1px solid #b2ebf2}.list-item{padding:14px 0;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.list-item:last-child{border-bottom:none}.status-out{color:var(--red);font-weight:700}.status-in{color:var(--teal);font-weight:700}.search-bar{position:relative;margin-bottom:12px}.search-bar input{padding-left:38px;background:var(--gray-50);border-color:var(--gray-200);border-radius:99px;margin-bottom:0}.search-bar:before{content:"🔍";position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}