*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#5B4FD4;--color-primary-d:#4a40b8;--color-bg:#0a0b14;--color-surface:#12142a;--color-surface2:#1a1c38;--color-border:#1e2040;--color-text:#e8eaf6;--color-text-sub:#8890c0;--color-danger:#e53935;--color-success:#43a047;--color-warning:#f9a825;--color-urgent:#e53935;--color-high:#f57c00;--nav-height:64px;--header-height:52px;--radius:12px;--radius-sm:8px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Noto Sans JP,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.app-logo{font-family:Bebas Neue,cursive;font-size:28px;letter-spacing:4px;color:var(--color-primary)}.header-right{display:flex;align-items:center;gap:12px}.header-user{font-size:13px;color:var(--color-text-sub)}.main-content{padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(var(--nav-height) + 16px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:100}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-sub);position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--color-primary);border-radius:0 0 2px 2px}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px}.flash-messages{margin-bottom:16px}.flash{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:8px}.flash-success{background:rgba(67,160,71,.15);border:1px solid rgba(67,160,71,.3);color:#81c784}.flash-danger{background:rgba(229,57,53,.15);border:1px solid rgba(229,57,53,.3);color:#e57373}.flash-warning{background:rgba(249,168,37,.15);border:1px solid rgba(249,168,37,.3);color:#ffcc02}.flash-info{background:rgba(91,79,212,.15);border:1px solid rgba(91,79,212,.3);color:#9c8fff}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-title{font-size:20px;font-weight:700;flex:1 1}.btn-back{font-size:14px;color:var(--color-text-sub);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;font-family:inherit;border:none;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-full{width:100%;margin-top:8px}.btn-sm{padding:6px 14px;font-size:13px}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 16px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-sub);margin-bottom:8px}.required{color:var(--color-danger);margin-left:2px}.form-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:15px;font-family:inherit;outline:none}.form-input:focus{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:12px;margin-top:6px}.form-hint,.form-static{color:var(--color-text-sub)}.form-static{font-size:15px;padding:8px 0}.form-check{display:flex;align-items:center;gap:10px}.form-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-check-label{font-size:14px;cursor:pointer}.radio-group{display:flex;flex-wrap:wrap;gap:8px}.radio-label{cursor:pointer}.radio-label input[type=radio]{display:none}.radio-btn{display:inline-block;padding:8px 16px;border:1px solid var(--color-border);border-radius:20px;font-size:14px;color:var(--color-text-sub)}.radio-label input[type=radio]:checked+.radio-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.importance-radio-urgent{border-color:var(--color-urgent)!important;color:var(--color-urgent)!important}.importance-radio-high{border-color:var(--color-high)!important;color:var(--color-high)!important}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--color-border);border-radius:var(--radius);padding:28px 16px;cursor:pointer}.file-input-hidden{display:none}.file-upload-icon{font-size:32px}.file-upload-text{font-size:15px;font-weight:500}.file-upload-hint{font-size:12px;color:var(--color-text-sub)}.file-name-display{font-size:13px;color:var(--color-text-sub);margin-top:8px;text-align:center}.photo-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.photo-preview-item{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.card-list{list-style:none;display:flex;flex-direction:column;gap:10px}.card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px}.card.unread{border-left:3px solid var(--color-primary)}.card--inactive{opacity:.5}.card-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.card-title{font-size:15px;font-weight:500;line-height:1.4}.card-sub{margin-top:4px}.card-comment,.card-sub{font-size:13px;color:var(--color-text-sub)}.card-comment{margin-top:6px}.card-date{margin-left:auto}.card-date,.card-photo-count{font-size:12px;color:var(--color-text-sub)}.card-photo-count{margin-top:6px}.card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;background:var(--color-surface2);color:var(--color-text-sub);border:1px solid var(--color-border)}.tag--phase{background:rgba(91,79,212,.15);color:var(--color-primary);border-color:rgba(91,79,212,.3)}.tag--role-admin{background:rgba(91,79,212,.2);color:#9c8fff;border-color:rgba(91,79,212,.4)}.tag--role-leader{background:rgba(249,168,37,.15);color:#ffcc02;border-color:rgba(249,168,37,.3)}.tag--role-worker{background:var(--color-surface2);color:var(--color-text-sub);border-color:var(--color-border)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.badge--urgent{background:var(--color-urgent);color:#fff}.badge--high{background:var(--color-high);color:#fff}.badge--normal{background:var(--color-primary);color:#fff}.badge--danger{background:var(--color-danger);color:#fff}.badge--inactive{background:var(--color-border);color:var(--color-text-sub)}.unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tab{flex:1 1;text-align:center;padding:12px;font-size:14px;color:var(--color-text-sub);border-bottom:2px solid transparent}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;padding:6px 14px;border-radius:20px;font-size:13px;border:1px solid var(--color-border);color:var(--color-text-sub);background:var(--color-surface);flex-shrink:0}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.section{margin-bottom:28px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title{font-size:16px;font-weight:700}.section-link{font-size:13px;color:var(--color-primary);margin-left:auto}.action-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:28px}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 12px;text-align:center}.action-card--primary{background:rgba(91,79,212,.12);border-color:rgba(91,79,212,.3);grid-column:span 2}.action-icon{font-size:28px}.action-label{font-size:13px;font-weight:500}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 16px;margin-bottom:16px}.detail-tags{display:flex;gap:8px;margin-bottom:10px}.detail-title{font-size:18px;font-weight:700;margin:10px 0 6px;line-height:1.4}.detail-meta{font-size:13px;color:var(--color-text-sub);margin-bottom:14px}.detail-comment{font-size:15px;line-height:1.7}.detail-content{font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:16px}.photo-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.importance-urgent{border-left:3px solid var(--color-urgent)}.importance-high{border-left:3px solid var(--color-high)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.error-code{font-family:Bebas Neue,cursive;font-size:80px;color:var(--color-primary);line-height:1}.error-message{font-size:16px;color:var(--color-text-sub)}.empty-message{color:var(--color-text-sub);font-size:14px;text-align:center;padding:32px 0}@media (min-width:600px){.main-content{max-width:560px;margin:0 auto}.bottom-nav{max-width:560px;left:50%;transform:translateX(-50%)}}