*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ed8e7c;--secondary:#000;--btn-color:#ed8e7c;--btn-text:#fff;--link-color:#ed8e7c;--bg-color:#f9f9f9;--radius:10px;--shadow:0 2px 12px #00000014}body{background:var(--bg-color);color:#222;min-height:100vh;font-family:Marcellus,sans-serif}#root{min-height:100vh}a{color:var(--link-color);text-decoration:none}a:hover{opacity:.85}button{cursor:pointer;font-family:inherit}input,select,textarea{border-radius:var(--radius);background:#fff;border:1.5px solid #ddd;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}label{color:#444;margin-bottom:5px;font-size:.875rem;font-weight:600;display:block}.btn{border-radius:var(--radius);background:var(--btn-color);color:var(--btn-text);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-outline{border:2px solid var(--btn-color);color:var(--btn-color);background:0 0}.btn-secondary{color:#fff;background:#000}.btn-danger{color:#fff;background:#e53e3e}.btn-sm{padding:6px 14px;font-size:.82rem}.btn-full{justify-content:center;width:100%}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:24px}.page-title{color:var(--secondary);margin-bottom:20px;font-size:1.5rem;font-weight:700}.form-group{margin-bottom:16px}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-row .form-group{flex:1;min-width:220px}.error-msg{color:#e53e3e;margin-top:4px;font-size:.82rem}.badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-published{color:#276749;background:#c6f6d5}.badge-draft{color:#4a5568;background:#e2e8f0}.badge-admin{color:#7b341e;background:#feebc8}.badge-manager{color:#2c5282;background:#bee3f8}.badge-employee{color:#553c9a;background:#e9d8fd}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:#555;background:#f7fafc;border-bottom:2px solid #eee;padding:12px 14px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.table-wrap{border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.progress-bar-wrap{background:#eee;border-radius:10px;width:100%;min-width:80px;height:8px}.progress-bar{background:var(--primary);border-radius:10px;height:8px;transition:width .4s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}@media (width<=768px){.form-row{flex-direction:column}table{font-size:.8rem}th,td{padding:8px 10px}}