.cpp-app{font-family:Arial,sans-serif;max-width:1150px;margin:25px auto;color:#14213d}.cpp-hero{background:linear-gradient(135deg,#14213d,#2f5d62);color:white;padding:28px;border-radius:22px;margin-bottom:18px}.cpp-hero h2{margin:0 0 8px;font-size:30px}.cpp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.cpp-tabs button{border:0;border-radius:14px;padding:12px 16px;background:#eef2f6;cursor:pointer;font-weight:700}.cpp-tabs button.active{background:#14213d;color:#fff}.cpp-tab{display:none;background:#fff;border:1px solid #e6e8ec;border-radius:20px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.06)}.cpp-tab.active{display:block}.cpp-grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px}.cpp-grid-form input,.cpp-grid-form select,.cpp-grid-form textarea{width:100%;padding:12px;border:1px solid #d9dee7;border-radius:12px;box-sizing:border-box}.cpp-grid-form textarea{min-height:70px}.cpp-grid-form button{background:#2f5d62;color:white;border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.cpp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.cpp-card{background:#f9fafb;border:1px solid #edf0f4;border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:6px}.cpp-card strong{font-size:18px}.cpp-card span{color:#52616b}.cpp-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px;border-bottom:1px solid #edf0f4;text-align:left}th{background:#f3f6f9}.cpp-calendar{display:grid;gap:10px}.cpp-event{border-left:5px solid #2f5d62;background:#f9fafb;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:5px}.cpp-event em{color:#52616b}