@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Noto Sans JP,-apple-system,sans-serif;background:#f0f4f8;color:#1a202c;min-height:100vh}.nav{background:linear-gradient(135deg,#1a365d,#2b6cb0);padding:0 1rem;display:flex;align-items:center;gap:1rem;height:52px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-logo{color:#fff;font-weight:900;font-size:1rem}.nav-link,.nav-logo{text-decoration:none}.nav-link{color:rgba(255,255,255,.85);font-size:.85rem;font-weight:600;padding:5px 10px;border-radius:16px}.nav-link:hover{background:rgba(255,255,255,.2)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 12px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;align-items:stretch;height:62px}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#94a3b8;font-size:.68rem;font-weight:700;transition:color .15s;border:none;background:none;cursor:pointer;font-family:inherit;padding:0}.bottom-nav-item.active{color:#1a365d}.bottom-nav-item .nav-icon{font-size:1.35rem;line-height:1}.bottom-nav-add{flex:1;flex-direction:column;gap:3px;text-decoration:none;font-size:.68rem;font-weight:700}.bottom-nav-add,.bottom-nav-add .add-circle{display:flex;align-items:center;justify-content:center;color:#fff}.bottom-nav-add .add-circle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#2b6cb0,#1a365d);font-size:1.6rem;line-height:1;box-shadow:0 3px 10px rgba(43,108,176,.45);margin-bottom:2px}.bottom-nav-add span{color:#1a365d;font-weight:700}.main{max-width:900px;margin:0 auto;padding:1rem 1rem 2rem}@media (max-width:768px){.nav .nav-link{display:none}.bottom-nav{display:block}.main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.card{background:#fff;border-radius:16px;padding:1.2rem 1.4rem;box-shadow:0 2px 12px rgba(0,0,0,.06)}.card,h1{margin-bottom:1rem}h1{font-size:1.4rem;font-weight:900;color:#1a365d}h2{font-size:1rem;color:#2d3748;margin:0 0 .8rem}.btn,h2{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;border:none;font-size:.9rem;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s;text-decoration:none;gap:6px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2b6cb0,#1a365d);color:#fff;box-shadow:0 3px 10px rgba(43,108,176,.4)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 3px 10px rgba(34,197,94,.35)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 3px 10px rgba(239,68,68,.35)}.btn-gray{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;box-shadow:none}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 3px 10px rgba(245,158,11,.35)}.btn-sm{padding:5px 14px;font-size:.8rem}input,select,textarea{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;margin-top:4px;font-family:inherit;background:#f8fafc;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#2b6cb0;background:#fff}label{font-size:.82rem;color:#4a5568;display:block}.badge,label{font-weight:700}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.75rem}.badge-入庫前{background:#EBF8FF;color:#2b6cb0}.badge-入庫済み{background:#E9D8FD;color:#6b21a8}.badge-作業中{background:#FFFBEB;color:#d97706}.badge-完成{background:#F0FFF4;color:#16a34a}.badge-納車済み{background:#F7FAFC;color:#718096}.badge-入金待ち{background:#FFF5F5;color:#e53e3e}table{width:100%;border-collapse:collapse}td,th{padding:8px 10px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:.85rem}th{font-weight:700;color:#4a5568;background:#f7fafc}tr:hover td{background:#f8fafc}.storage-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:4px}.storage-bar-fill{height:100%;border-radius:999px;transition:width .3s}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}.days-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.days-normal{background:#EBF8FF;color:#2b6cb0}.days-warning{background:#FFFBEB;color:#d97706}.days-danger{background:#FFF5F5;color:#e53e3e}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (min-width:600px){.photo-grid{grid-template-columns:repeat(4,1fr)}}.photo-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer}