.mvp-page{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#333}
.mvp-page *{box-sizing:border-box}
.mvp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.mvp-header h1{font-size:23px;font-weight:600;line-height:1.15;margin:0 0 3px}
.mvp-header p{color:#777;margin:0}
.mvp-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border-bottom:1px solid #ddd;margin:0 0 12px;padding:0 0 7px}
.mvp-tabs a{background:#fafafa;border:1px solid #ddd;border-radius:3px;color:#444;display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;text-decoration:none}
.mvp-tabs a:hover,.mvp-tabs a:focus{border-color:#00a5bb;color:#0073b7;outline:none}
.mvp-tabs a.active{background:#00acd6;border-color:#00a5bb;color:#fff}
.mvp-stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;margin:0 0 12px}
.mvp-stat{background:#fff;border:1px solid #ddd;border-left:3px solid #00acd6;padding:8px 10px;min-height:58px}
.mvp-stat strong{display:block;font-size:20px;line-height:1.1}
.mvp-stat span{color:#777;display:block;font-size:11px;margin-top:3px;text-transform:uppercase}
.mvp-panel{background:#fff;border:1px solid #ddd;margin:0 0 12px}
.mvp-panel-head{align-items:center;background:#fafafa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:8px;min-height:37px;padding:7px 10px}
.mvp-panel-head h2{font-size:16px;font-weight:600;margin:0}
.mvp-panel-head small{color:#777;font-size:11px;font-weight:400}
.mvp-panel-body{padding:10px}
.mvp-panel-body.no-padding{padding:0}
.mvp-grid{display:grid;gap:8px}
.mvp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mvp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mvp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mvp-field label{display:block;font-size:11px;font-weight:700;margin:0 0 3px}
.mvp-field .form-control{height:30px;padding:4px 7px;width:100%}
.mvp-field textarea.form-control{height:auto;min-height:60px;resize:vertical}
.mvp-help{color:#777;display:block;font-size:11px;line-height:1.35;margin-top:3px}
.mvp-actions{align-items:center;display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.mvp-actions.end{justify-content:flex-end}
.mvp-page .btn-xs,.mvp-page .btn-sm,.mvp-public-card .btn{align-items:center;display:inline-flex;justify-content:center;min-height:30px}
.mvp-inline{display:inline-block;margin:0 2px 0 0;vertical-align:middle}
.mvp-inline select{height:30px;min-width:105px;padding:2px 5px}
.mvp-table-wrap{max-width:100%;overflow-x:auto}
.mvp-table{border-collapse:collapse;margin:0;width:100%}
.mvp-table th{background:#fafafa;border-bottom:1px solid #ddd;color:#555;font-size:11px;padding:6px;text-align:left;white-space:nowrap;text-transform:uppercase}
.mvp-table td{border-bottom:1px solid #e6e6e6;padding:6px;vertical-align:top}
.mvp-table tr:last-child td{border-bottom:0}
.mvp-table .actions{text-align:right;white-space:nowrap}
.mvp-main{display:block;font-weight:600}
.mvp-sub{color:#777;display:block;font-size:11px;line-height:1.35;margin-top:2px}
.mvp-label{border-radius:2px;display:inline-block;font-size:10px;font-weight:700;line-height:1.2;margin:0 2px 2px 0;padding:3px 5px;text-transform:uppercase}
.mvp-label.info{background:#d9f4fb;color:#00647c}
.mvp-label.ok{background:#dff3e8;color:#08713f}
.mvp-label.warn{background:#fff0d5;color:#8a5600}
.mvp-label.error{background:#f9dddd;color:#9b261b}
.mvp-label.muted{background:#ececec;color:#555}
.mvp-alert{border:1px solid #ddd;border-left-width:3px;margin:0 0 10px;padding:8px 10px}
.mvp-alert.info{background:#f2fbfd;border-left-color:#00acd6}
.mvp-alert.ok{background:#f1fbf5;border-left-color:#00a65a}
.mvp-alert.warn{background:#fffaf0;border-left-color:#f39c12}
.mvp-alert.error{background:#fff5f4;border-left-color:#dd4b39}
.mvp-empty{color:#777;padding:20px!important;text-align:center}
.mvp-checks{display:flex;gap:8px 12px;flex-wrap:wrap}
.mvp-checks label{font-size:11px;font-weight:400;margin:0}
.mvp-code{background:#f7f7f7;border:1px solid #ddd;font-family:Consolas,Monaco,monospace;font-size:11px;overflow-wrap:anywhere;padding:6px}
.mvp-progress{background:#e8e8e8;border-radius:3px;height:8px;overflow:hidden}
.mvp-progress span{background:#00acd6;display:block;height:100%}
.mvp-profile-card{background:#fff;border:1px solid #ddd;border-left:4px solid #605ca8;padding:12px}
.mvp-profile-card h2{font-size:18px;margin:0 0 4px}
.mvp-profile-card .mvp-xp{color:#605ca8;font-size:20px;font-weight:700}
.mvp-ranking{counter-reset:mvp-rank}
.mvp-ranking tr{counter-increment:mvp-rank}
.mvp-rank:before{content:counter(mvp-rank);font-weight:700}
.mvp-public-body{background:#263238;color:#333;font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100vh;padding:36px 12px}
.mvp-public-wrap{margin:0 auto;max-width:920px}
.mvp-public-card{background:#f5f5f5;border-top:4px solid #00acd6;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.mvp-public-head{background:#fff;border-bottom:1px solid #ddd;padding:20px 22px}
.mvp-public-head h1{color:#263238;font-size:26px;font-weight:700;margin:2px 0 4px}
.mvp-public-head p{color:#6d7b83;margin:0}
.mvp-kicker{color:#008fa8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mvp-public-content{padding:14px}
.mvp-invite-title{align-items:center;display:flex;justify-content:space-between;margin:0 0 12px}
.mvp-invite-title h2{font-size:22px;margin:2px 0 0}
.mvp-invite-facts{margin-bottom:12px}
.mvp-invite-facts>div{background:#fff;border:1px solid #ddd;border-left:3px solid #605ca8;padding:9px}
.mvp-invite-facts span,.mvp-invite-facts small{color:#777;display:block;font-size:11px}
.mvp-invite-facts strong{display:block;margin:2px 0}
.mvp-public-legal{color:#758087;font-size:11px;line-height:1.45;margin:10px 2px 0}
@media(max-width:1000px){.mvp-stats{grid-template-columns:repeat(3,1fr)}.mvp-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mvp-header{display:block}.mvp-header .btn{margin-top:8px}.mvp-stats,.mvp-grid-2,.mvp-grid-3,.mvp-grid-4{grid-template-columns:1fr}.mvp-tabs a{flex:1 1 auto;justify-content:center}.mvp-table{min-width:760px}.mvp-public-body{padding:12px 5px}.mvp-public-head{padding:16px}.mvp-invite-title{align-items:flex-start;display:block}.mvp-invite-title .mvp-label{margin-top:7px}}
@media print{.mvp-tabs,.mvp-actions,.mvp-table .actions,.main-sidebar,.header{display:none!important}.right-side{margin-left:0!important}.mvp-panel{break-inside:avoid}}