@import url('/styles.css');
:root{--ink:#183747;--muted:#62777f;--line:#dce5e7;--paper:#f4f7f7;--green:#24735f;--danger:#a63636}*{box-sizing:border-box}body.manage-app{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP','Yu Gothic',sans-serif;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.btn{border:1px solid var(--line);border-radius:8px;padding:11px 18px;background:white;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover,.btn:hover{background:#eaf1ef}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#185640}.danger{color:var(--danger)}.muted{color:var(--muted)}.small{font-size:13px}.app-top{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px;position:sticky;top:0;z-index:10}.app-brand{display:flex;align-items:center;gap:15px;font-weight:700}.app-brand img{width:105px;height:auto}.app-top nav{display:flex;gap:10px;align-items:center}.app-shell{max-width:1380px;margin:auto;display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 74px)}.app-sidebar{padding:30px 20px;border-right:1px solid var(--line);background:#fff}.app-sidebar a{display:block;padding:12px 14px;margin:4px 0;border-radius:7px;color:var(--ink);text-decoration:none}.app-sidebar a.active{background:#e7f0ed;color:#1e614f;font-weight:700}.app-main{min-width:0;padding:36px 42px 90px}.app-main h1{font-size:30px;line-height:1.5;letter-spacing:.02em;margin:0 0 10px}.app-main h2{font-size:21px;margin:0 0 18px}.eyeline{font-size:12px;letter-spacing:.12em;color:#547a6d;font-weight:700}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.toolbar .spacer{flex:1}.card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:20px 0;box-shadow:0 4px 18px #16394a04}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards .card{display:block;text-decoration:none;color:inherit;min-height:190px}.cards .number{display:block;font-size:37px;color:#2b725d;margin:12px 0}.help{background:#eaf2ef;border-left:3px solid #6d9b88;padding:16px 20px;border-radius:5px;margin:18px 0}.error{background:#fff1f0;color:#963a2e;padding:16px 20px;border:1px solid #e8b5af;border-radius:7px}.success{background:#e7f3eb;color:#245d40;padding:14px 20px;border-radius:7px}.notice{position:fixed;right:25px;bottom:24px;max-width:600px;z-index:100;box-shadow:0 6px 30px #16394a30}.row-list{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.list-row{display:flex;gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row strong{display:block;overflow-wrap:anywhere}.badge{display:inline-block;font-size:12px;padding:3px 9px;border-radius:5px;background:#edf0f2;margin-right:8px;white-space:nowrap}.badge.green{background:#e0f0e5;color:#22613e}.badge.orange{background:#fff0d7;color:#815115}.badge.red{background:#f8e2de;color:#913c32}.field{display:block;margin:0 0 20px}.field>span,.field>label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.field input:not([type=checkbox]),.field select,.field textarea,.search{width:100%;border:1px solid #bbcbd0;border-radius:7px;padding:11px 13px;background:#fff;color:var(--ink);min-height:46px}.field textarea{resize:vertical;min-height:102px;line-height:1.8}.field input:focus,.field textarea:focus,.field select:focus,.search:focus{outline:3px solid #82b1a44a;border-color:#367965}.field small{display:block;color:var(--muted);margin-top:6px}.search{max-width:440px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.section-editor{background:white;border:1px solid var(--line);border-radius:10px;margin:15px 0}.section-editor summary{cursor:pointer;padding:20px 24px;font-weight:700;font-size:17px;list-style-position:inside}.section-editor>.section-fields{padding:4px 24px 20px}.section-editor summary small{font-weight:400;font-size:12px;color:var(--muted);margin-left:12px}.image-field{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}.image-field img{width:150px;max-height:150px;object-fit:contain;background:#f2f5f5;border-radius:6px}.image-field input[type=file]{font-size:13px;border:0;padding:0;min-height:30px}.sticky-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:15px 22px;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:25px -22px -26px;z-index:5;box-shadow:0 -6px 20px #16394a05}.sticky-actions .status{margin-right:auto;font-size:13px;color:var(--muted)}.login-box{max-width:500px;margin:65px auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:12px}.login-box h1{font-size:26px}.login-box button[type=submit]{width:100%}.step-line{display:flex;gap:10px;color:var(--muted);font-size:14px;margin:20px 0}.step-line b{color:var(--green)}.empty-state{text-align:center;padding:50px 22px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:20px;margin-bottom:10px}.preview-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:8px;background:white}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photo-grid img{max-width:100%;height:180px;object-fit:cover;border-radius:6px}.job-detail h2{font-size:21px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:35px}.job-detail dl{margin:0}.job-detail dl>div{display:grid;grid-template-columns:180px 1fr;padding:15px 0;border-bottom:1px solid var(--line);gap:20px}.job-detail dt{font-weight:700;font-size:14px}.job-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.job-detail h1{font-size:32px}.job-detail .pay{font-size:24px;color:var(--green);font-weight:700}.job-public{max-width:1120px;margin:auto;padding:40px 25px 90px}.job-public .card{padding:30px}.job-public .hero{padding:35px 0}.job-public .hero h1{font-size:40px;margin:12px 0}.job-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.job-filters input,.job-filters select{min-width:0;width:100%}.terms{max-width:900px;margin:auto;padding:35px 25px 70px}.terms h2{margin-top:30px;font-size:21px}.dialog-backdrop{position:fixed;inset:0;background:#0e253bbb;display:grid;place-items:center;z-index:50;padding:22px}.dialog{background:white;border-radius:12px;padding:28px;width:min(1080px,100%);max-height:94vh;overflow:auto}.dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin-right:8px}.auth-tabs{display:flex;gap:15px;margin-bottom:22px}.auth-tabs button{flex:1}.back-link{display:inline-block;margin-bottom:22px;color:#426a5d;text-decoration:underline}.form-grid-note{font-size:14px;color:var(--muted);margin:-4px 0 25px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:flex;gap:6px;padding:10px 15px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.app-sidebar a{white-space:nowrap;padding:9px 12px;margin:0}.app-sidebar .sidebar-note{display:none}.app-main{padding:25px 22px 70px}.cards{grid-template-columns:1fr}.cards .card{margin:0;min-height:135px}.cards .number{font-size:28px}.job-filters{grid-template-columns:1fr 1fr}.app-top{padding:0 18px}.app-brand span{font-size:14px}.app-top nav a{display:none}.two-cols{grid-template-columns:1fr}}
@media(max-width:550px){.app-main{padding:22px 15px 65px}.app-main h1{font-size:25px}.app-brand img{width:80px}.app-top{height:65px}.app-top button{padding:8px 10px;font-size:12px}.card{padding:20px}.list-row{align-items:flex-start;flex-wrap:wrap;padding:17px}.list-row .grow{flex-basis:60%}.image-field{grid-template-columns:1fr}.image-field img{width:100%;max-height:210px}.sticky-actions{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;padding:12px 15px}.sticky-actions .status{width:100%}.section-editor summary{padding:17px}.section-editor>.section-fields{padding:0 17px 17px}.job-detail dl>div{grid-template-columns:1fr;gap:5px}.photo-grid{grid-template-columns:1fr}.job-public .hero h1{font-size:30px}.job-filters{grid-template-columns:1fr}.login-box{margin:30px 15px;padding:25px}.notice{left:15px;right:15px;bottom:15px}.dialog{padding:20px}.step-line{font-size:12px;flex-wrap:wrap}}

.manage-app h1,.manage-app h2,.manage-app h3{font-family:inherit;font-weight:700}.sticky-actions{position:fixed;left:0;right:0;bottom:0;margin:0;padding:15px 30px}.app-shell .sticky-actions{left:225px}.app-main,.job-public{padding-bottom:130px}@media(max-width:900px){.app-shell .sticky-actions{left:0}}@media(max-width:550px){.sticky-actions{padding:10px 15px}.app-main,.job-public{padding-bottom:170px}}

.featured-section{margin:16px 0 56px}.featured-section h2{font-size:28px;margin-bottom:10px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.featured-card{background:#fff;border:1px solid #dce4df;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.featured-brand{position:relative;min-height:148px;display:flex;align-items:center;justify-content:center;background:#193f36;color:#fff;padding:30px}.featured-brand strong{font-size:31px;letter-spacing:.06em}.featured-number{position:absolute;left:18px;top:12px;opacity:.5;font-size:13px;letter-spacing:.15em}.brand-wakei{background:#5b525f}.brand-ikiiki{background:#7c542e}.brand-tokunaga{background:#284e63}.featured-brand img{width:100%;height:160px;object-fit:cover}.featured-brand:has(img){padding:0}.featured-body{padding:24px;flex:1;display:flex;flex-direction:column}.featured-body h3{font-size:23px;margin:8px 0}.featured-body p{margin:5px 0 12px}.featured-body .eyeline{font-size:12px}.featured-links{margin-top:auto;padding-top:16px;display:flex;gap:24px;font-weight:700}.featured-links a{color:#225d4a}@media(max-width:620px){.featured-grid{grid-template-columns:1fr}.featured-section h2{font-size:24px}.featured-brand{min-height:125px}.job-public .hero h1{font-size:31px}}
.manage-app .job-public .hero{min-height:0;height:auto;display:block;background:#e7efe9;color:#153e34;padding:46px 38px;border-radius:20px;margin:0 0 38px;position:relative;overflow:visible}.manage-app .job-public .hero h1{color:#153e34;font-size:clamp(30px,4vw,46px);line-height:1.5;margin:12px 0}.manage-app .job-public .hero .muted{color:#416356}.manage-app .job-public .hero .eyeline{color:#426659}@media(max-width:620px){.manage-app .job-public .hero{padding:28px 22px}.manage-app .app-top{flex-wrap:wrap;gap:10px}.manage-app .app-top nav{flex-wrap:wrap;gap:8px}.manage-app .app-top .app-brand span{font-size:14px}.manage-app .job-public{padding:20px 16px}}
.manage-app .app-top nav{display:flex}
