@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--paper: #F6F1E8;--paper-deep: #EDE6D6;--paper-bright: #FAF7EF;--ink: #1A1815;--sumi: #2A2823;--ink-90: #2E2B26;--ink-70: #4A463F;--ink-50: #7A7366;--ink-30: #B4AC9C;--ink-15: #D9D2C2;--ink-08: #E8E1D0;--vermilion: #5A7A52;--vermilion-hover: #42603C;--vermilion-10: rgba(90, 122, 82, .12);--forest: #2F4A2A;--ochre: #B8893A;--terracotta: #8A5A3E;--font-serif: "Shippori Mincho B1", "Hiragino Mincho ProN", serif;--font-sans-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-sans-en: "Inter", -apple-system, sans-serif;--fs-h2: clamp(24px, 3vw, 40px);--fs-h3: clamp(20px, 2vw, 28px);--fs-h4: 18px;--fs-body: 15px;--fs-small: 13px;--fs-label: 11px;--fs-meta: 12px;--lh-heading: 1.5;--lh-body: 1.8;--radius-sm: 2px;--radius-pill: 9999px;--shadow-float: 0 2px 16px rgba(26, 24, 21, .08);--ease-nk: cubic-bezier(.2, .7, .2, 1);--dur-fast: .18s;--dur-base: .3s}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans-jp);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:.02em;color:var(--ink-70);background:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:var(--vermilion);color:var(--paper)}.app{min-height:100dvh;display:flex;flex-direction:column}.header{background:var(--ink);color:var(--paper);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header h1{font-family:var(--font-serif);font-size:var(--fs-h4);font-weight:600;letter-spacing:.04em;color:var(--paper);margin:0}.header-nav{display:flex;gap:4px}.header-nav button{background:transparent;border:none;color:var(--ink-30);padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-sans-en);font-size:var(--fs-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-nk)}.header-nav button:hover{color:var(--paper)}.header-nav button.active{background:var(--vermilion);color:var(--paper)}.main{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--font-sans-en);font-size:var(--fs-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-50);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--ink-15);border-radius:var(--radius-sm);font-size:var(--fs-body);font-family:var(--font-sans-jp);background:var(--paper-bright);color:var(--ink);transition:border-color var(--dur-fast) var(--ease-nk)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--vermilion);box-shadow:0 0 0 3px var(--vermilion-10)}.form-group textarea{min-height:80px;resize:vertical;line-height:var(--lh-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans-en);font-size:var(--fs-small);font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-nk)}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-primary{background:var(--ink);color:var(--paper)}.btn-success{background:var(--forest);color:var(--paper)}.btn-warning{background:var(--ochre);color:var(--paper)}.btn-danger{background:var(--terracotta);color:var(--paper)}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-outline:hover{background:var(--ink-08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:var(--fs-label)}.btn-block{width:100%}.card{background:var(--paper-bright);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);overflow:hidden}.card-body{padding:20px}.badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);font-family:var(--font-sans-jp);font-size:var(--fs-meta);font-weight:500;letter-spacing:.04em}.badge-未対応{background:#b8893a26;color:var(--ochre)}.badge-連絡済み{background:var(--vermilion-10);color:var(--vermilion)}.badge-返却済み{background:#2f4a2a1f;color:var(--forest)}.badge-処分済み{background:var(--ink-08);color:var(--ink-50)}.badge-expired{background:#8a5a3e1f;color:var(--terracotta)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--vermilion);color:var(--paper);border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 16px #5a7a5259;display:flex;align-items:center;justify-content:center;z-index:50;transition:transform var(--dur-fast) var(--ease-nk),opacity var(--dur-fast)}.fab:hover{transform:scale(1.08);opacity:.9}.search-bar{display:flex;gap:8px;margin-bottom:20px}.search-bar input{flex:1;padding:12px 16px;border:1px solid var(--ink-15);border-radius:var(--radius-sm);font-size:var(--fs-body);font-family:var(--font-sans-jp);background:var(--paper-bright);color:var(--ink)}.search-bar input:focus{outline:none;border-color:var(--vermilion)}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters select{padding:8px 12px;border:1px solid var(--ink-15);border-radius:var(--radius-sm);font-size:var(--fs-small);font-family:var(--font-sans-jp);background:var(--paper-bright);color:var(--ink-70)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.item-card{cursor:pointer;transition:transform var(--dur-fast) var(--ease-nk),box-shadow var(--dur-fast)}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #1a18151f}.item-card-image{width:100%;aspect-ratio:3 / 4;background:var(--ink-08);display:flex;align-items:center;justify-content:center;color:var(--ink-30);overflow:hidden;font-size:var(--fs-small)}.item-card-image img{width:100%;height:100%;object-fit:cover}.item-card-body{padding:12px 14px}.item-card-body h3{font-family:var(--font-sans-jp);font-size:var(--fs-body);font-weight:600;color:var(--ink);margin-bottom:4px}.item-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-meta);color:var(--ink-50);margin-top:8px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:16px;background:var(--paper)}.login-card{width:100%;max-width:360px;text-align:center}.login-card h1{font-family:var(--font-serif);font-size:var(--fs-h2);font-weight:600;color:var(--ink);letter-spacing:.04em;margin-bottom:4px}.login-card p{font-family:var(--font-sans-en);font-size:var(--fs-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-50);margin-bottom:32px}.pin-input{font-size:32px!important;text-align:center;letter-spacing:12px;font-family:var(--font-sans-en)!important;font-weight:500}.detail-photo{width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm);background:var(--ink-08)}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.detail-field{padding:8px 0}.detail-field .label{font-family:var(--font-sans-en);font-size:var(--fs-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-50)}.detail-field .value{font-size:var(--fs-body);color:var(--ink);margin-top:4px}.status-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.empty-state{text-align:center;padding:80px 20px;color:var(--ink-30)}.empty-state p{font-family:var(--font-serif);font-size:var(--fs-h4);font-weight:400}.loading{text-align:center;padding:60px;color:var(--ink-30);font-size:var(--fs-small)}.error-msg{background:#8a5a3e1a;color:var(--terracotta);padding:12px 16px;border-radius:var(--radius-sm);border-left:3px solid var(--terracotta);margin-bottom:20px;font-size:var(--fs-small)}.success-msg{background:#2f4a2a1a;color:var(--forest);padding:12px 16px;border-radius:var(--radius-sm);border-left:3px solid var(--forest);margin-bottom:20px;font-size:var(--fs-small)}.photo-upload{border:2px dashed var(--ink-15);border-radius:var(--radius-sm);padding:32px;text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-nk);margin-bottom:20px;background:var(--paper-bright)}.photo-upload:hover{border-color:var(--vermilion)}.photo-upload.has-photo{border-style:solid;padding:0}.photo-upload img{width:100%;max-height:300px;object-fit:contain}.settings-section{margin-bottom:32px}.settings-section h2{font-family:var(--font-serif);font-size:var(--fs-h4);font-weight:600;color:var(--ink);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--ink-15)}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--paper-bright);border:1px solid var(--ink-15);border-radius:var(--radius-sm)}.staff-item.inactive{opacity:.4}.back-btn{background:none;border:none;color:var(--ink-50);font-family:var(--font-sans-jp);font-size:var(--fs-small);cursor:pointer;padding:8px 0;margin-bottom:8px;transition:color var(--dur-fast) var(--ease-nk)}.back-btn:hover{color:var(--ink)}.report-list{display:flex;flex-direction:column;gap:12px}.report-card{cursor:pointer;transition:transform var(--dur-fast) var(--ease-nk),box-shadow var(--dur-fast)}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #1a18151f}.report-card-body{padding:16px 20px}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.report-date{font-size:var(--fs-meta);color:var(--ink-50)}.report-card-body h3{font-family:var(--font-sans-jp);font-size:var(--fs-body);font-weight:600;color:var(--ink);margin-bottom:4px}.report-chars{font-size:var(--fs-small);color:var(--ink-50);margin-bottom:6px}.report-card-meta{display:flex;gap:12px;font-size:var(--fs-meta);color:var(--ink-50)}.badge-対応済み{background:#5a7a521f;color:var(--vermilion)}.list-layout{display:flex;gap:24px}.sidebar{width:260px;flex-shrink:0}.list-main{flex:1;min-width:0}.calendar{background:var(--paper-bright);border:1px solid var(--ink-15);border-radius:var(--radius-md);padding:16px;position:sticky;top:80px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav{background:none;border:1px solid var(--ink-15);border-radius:var(--radius-sm);width:32px;height:32px;cursor:pointer;color:var(--ink);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-nk)}.cal-nav:hover{background:var(--ink-08)}.cal-title{font-family:var(--font-sans-jp);font-size:var(--fs-body);font-weight:600;color:var(--ink);cursor:pointer}.cal-title:hover{color:var(--vermilion)}.cal-table{width:100%;border-collapse:collapse;table-layout:fixed}.cal-table th{font-family:var(--font-sans-jp);font-size:11px;font-weight:500;color:var(--ink-50);padding:4px 0;text-align:center}.cal-table td{padding:1px;text-align:center}.cal-day{position:relative;width:100%;aspect-ratio:1;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans-jp);font-size:13px;color:var(--ink);transition:all var(--dur-fast) var(--ease-nk);display:flex;align-items:center;justify-content:center}.cal-day:hover{background:var(--ink-08)}.cal-day.today{font-weight:700;color:var(--vermilion)}.cal-day.selected{background:var(--vermilion);color:#fff;font-weight:600}.cal-day.selected:hover{background:var(--vermilion-hover)}.cal-day.has-items:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--vermilion)}.cal-day.selected.has-items:after{background:var(--paper-bright)}.cal-dot{display:none}.cal-clear{width:100%;margin-top:12px;padding:8px;background:none;border:1px solid var(--ink-15);border-radius:var(--radius-pill);font-family:var(--font-sans-jp);font-size:var(--fs-small);color:var(--ink-50);cursor:pointer;transition:all var(--dur-fast) var(--ease-nk)}.cal-clear:hover{background:var(--ink-08);color:var(--ink)}@media (max-width: 768px){.list-layout{flex-direction:column;gap:16px}.sidebar{width:100%}.calendar{position:static}}@media (max-width: 640px){.items-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-info{grid-template-columns:1fr}.header{padding:0 16px;height:48px}.header h1{font-size:16px}.main{padding:16px}}@supports (padding-top: env(safe-area-inset-top)){.header{padding-top:env(safe-area-inset-top)}}