body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#06c;--primary-hover:#0052a3;--secondary:#666;--secondary-hover:#444;--bg:#f5f5f5;--card-bg:#fff;--border:#ddd;--text:#333;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{max-width:1000px;margin:0 auto;padding:20px}.header{text-align:center;background:var(--card-bg);border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 4px #0000001a}.header-title{justify-content:center;align-items:center;gap:15px;margin-bottom:10px;display:flex}.header h1{color:var(--primary);margin:0;font-size:32px}.btn-admin-toggle{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;transition:all .3s;display:flex}.btn-admin-toggle:hover{border-color:var(--primary);background:#0066cc1a}.header p{color:var(--secondary);margin-bottom:5px;font-size:16px}.admin-badge{color:#fff;background:#ff6b6b;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block;margin-top:10px!important}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.card h2{color:var(--text);margin-bottom:15px;font-size:20px}.card h3{color:var(--text);margin:15px 0 10px;font-size:16px}.admin-panel{background:linear-gradient(135deg,#fff8dc 0%,#fffacd 100%);border:2px solid orange}.admin-panel h2{color:#ff6b6b}.admin-section{border-left:4px solid var(--primary);background:#ffffffb3;border-radius:6px;margin-bottom:25px;padding:15px}.admin-section h3{color:var(--primary);margin-top:0}.admin-input-group{gap:10px;display:flex}.admin-input-group input{border:1px solid var(--border);border-radius:6px;flex:1;padding:10px 12px;font-size:14px;transition:border-color .2s}.admin-input-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}.work-types-list{flex-direction:column;gap:10px;display:flex}.work-type-item{border:1px solid var(--border);background:#fff;border-radius:6px;padding:12px;transition:all .2s}.work-type-item:hover{border-color:var(--primary);box-shadow:0 2px 6px #0066cc26}.work-type-display{justify-content:space-between;align-items:center;display:flex}.work-type-name{color:var(--text);flex:1;font-weight:600}.work-type-actions{gap:8px;display:flex}.work-type-edit{align-items:center;gap:8px;display:flex}.work-type-edit input{border:1px solid var(--primary);border-radius:4px;flex:1;padding:8px 10px;font-size:14px}.work-type-edit input:focus{outline:none;box-shadow:0 0 0 3px #0066cc1a}.status-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.status-card h2{color:#fff}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.status-item{background:#ffffff1a;border-radius:6px;flex-direction:column;padding:10px;display:flex}.status-item .label{opacity:.9;text-transform:uppercase;margin-bottom:5px;font-size:12px}.status-item .value{font-size:18px;font-weight:700}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.status-not_started{background:var(--warning);color:#000}.status-running{background:var(--success);color:#fff}.status-ended{background:var(--info);color:#fff}.button-group{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 8px #0066cc4d}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-small{border-radius:4px;padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.btn-delete:hover{background:#c82333}.form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:5px;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-group textarea{resize:vertical}.timeline{padding-left:30px;position:relative}.timeline-item{border-left:2px solid var(--primary);margin-bottom:15px;padding:12px 0 12px 20px;position:relative}.timeline-item:before{content:"";background:var(--primary);border:2px solid var(--card-bg);border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:-6px}.timeline-start:before,.timeline-end:before{background:var(--success);width:12px;height:12px;left:-7px}.timeline-start,.timeline-end{border-left-color:var(--success)}.timeline-item .time{color:var(--primary);min-width:50px;font-weight:700;display:inline-block}.timeline-item .tag{background:var(--primary);color:#fff;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:12px;display:inline-block}.timeline-item .content{margin-left:8px;display:inline}.timeline-item .memo{border-left:3px solid var(--info);color:var(--secondary);background:#f9f9f9;border-radius:3px;margin-top:6px;padding:8px;font-size:13px}.timeline-item .attachment{color:#856404;background:#fff3cd;border-radius:3px;margin-top:6px;padding:6px 8px;font-size:13px}.timeline-empty{text-align:center;color:var(--secondary);padding:20px;font-style:italic}.markdown-preview{border:1px solid var(--border);background:#f5f5f5;border-radius:6px;margin-top:20px;padding:15px}.markdown-preview pre{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:4px;padding:15px;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}@media (width<=768px){.container{padding:10px}.header{padding:15px}.header-title{flex-direction:column;gap:10px}.header h1{font-size:24px}.card{padding:15px}.status-grid{grid-template-columns:repeat(2,1fr)}.button-group{gap:8px}.btn{flex:1;min-width:100px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.timeline-item{padding-left:15px}.timeline-item:before{left:-4px}.admin-input-group{flex-direction:column}.work-type-display{flex-direction:column;align-items:flex-start}.work-type-actions{width:100%;margin-top:10px}.work-type-actions .btn{flex:1}}@media (width<=480px){.header h1{font-size:20px}.status-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%}.markdown-preview pre{padding:10px;font-size:11px}.admin-section{padding:10px}.work-type-edit{flex-direction:column}.work-type-edit .btn{width:100%}}