*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:#f5f5f5;color:#333}.container{max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:2px solid #007bff;margin-bottom:20px}.header h1{font-size:24px}.user-info{font-size:14px;color:#666}.content{display:flex;gap:20px}.pipeline-board{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:15px;background:transparent;padding:0}.pipeline-column{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:fit-content;min-height:400px}.column-header{padding:15px;border-bottom:2px solid #0066cc;background:#f9f9f9;border-radius:8px 8px 0 0}.column-header h3{margin:0;font-size:14px;font-weight:600;color:#333}.column-header .count{display:inline-block;margin-left:8px;background:#06c;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.column-body{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.step-column{background:#f9f9f9;padding:10px;border-radius:4px;border-left:4px solid #007bff}.step-label{font-size:12px;font-weight:700;color:#007bff;margin-bottom:10px;text-transform:uppercase}.projects-in-step{display:flex;flex-direction:column;gap:8px}.project-card{background:#fff;padding:12px;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:all .2s}.project-card:hover{box-shadow:0 2px 6px #00000026;border-color:#007bff}.project-id{font-size:12px;font-weight:700;color:#007bff}.project-title{font-size:13px;font-weight:500;margin:4px 0}.project-priority{font-size:11px;color:#ff6b6b;font-weight:700}.project-date{font-size:11px;color:#999;margin-top:4px}.detail-panel{width:350px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.loading,.error{padding:20px;text-align:center;font-size:16px}.error{color:#d32f2f;background:#ffebee;border-radius:4px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group.checkbox{display:flex;align-items:center;gap:10px}.form-group.checkbox input{width:auto;margin:0}.form-group.checkbox label{margin:0}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.form-actions button[type=submit]{background:#06c;color:#fff;border-color:#06c}.form-actions button[type=submit]:hover:not(:disabled){background:#0052a3}.form-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-actions button[type=button]{background:#fff;color:#333}.form-actions button[type=button]:hover{background:#f5f5f5}.form-panel{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:4px;border-left:4px solid #0066cc}.form-panel h3{margin-top:0;margin-bottom:20px;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;padding:30px}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.detail-panel{position:fixed;right:0;top:0;bottom:0;width:400px;background:#fff;box-shadow:-2px 0 10px #0000001a;overflow-y:auto;z-index:100}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}.detail-header h2{margin:0;font-size:18px;flex:1}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;margin-left:10px}.close-btn:hover{color:#333}.detail-body{padding:20px}.project-info{margin-bottom:20px}.info-row{display:flex;margin-bottom:12px;gap:10px}.info-row.full{flex-direction:column}.info-row .label{font-weight:600;color:#666;min-width:100px}.info-row .value{color:#333}.info-row p{margin:5px 0 0;color:#555;line-height:1.5}.error{padding:12px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:20px;font-size:14px}.loading{padding:20px;text-align:center;color:#999}.btn-primary{padding:12px 20px;background:#06c;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#0052a3}.project-card.risk-flagged{border:2px solid #ff6b6b;background:#fff5f5}.project-card.risk-flagged:before{content:"⚠";position:absolute;top:5px;right:5px;color:#ff6b6b;font-size:16px}.card-priority{font-size:12px;font-weight:600;color:#06c;margin-top:4px}
