.pcc{--gold-light: #FFD700;--gold-dark: #DAA520;--gold-text: #B8860B;--pcc-accent: #e74c3c;--pcc-green: #2ecc71;--pcc-bg: #f5f7fa;--pcc-border: #ddd;background:var(--pcc-bg);color:#333;padding-bottom:40px}.pcc *,.pcc *:before,.pcc *:after{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pcc h1,.pcc h2,.pcc h3,.pcc p,.pcc ul{margin:0;padding:0;letter-spacing:normal}.pcc-container{max-width:800px;margin:0 auto;padding:15px}.pcc-header{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));text-align:center;color:#fff;padding:25px 20px;border-radius:0 0 15px 15px;margin-bottom:20px;box-shadow:0 4px 10px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pcc-header h1{font-size:1.5rem;margin-bottom:5px;line-height:1.25;color:#fff}.pcc-header p{opacity:.9;font-size:.9rem}.pcc-header .pcc-by{margin-top:5px;font-weight:700}@keyframes pcc-float{0%{transform:translateY(0);box-shadow:0 4px 6px #0000001a}50%{transform:translateY(-4px);box-shadow:0 8px 14px #00000026}to{transform:translateY(0);box-shadow:0 4px 6px #0000001a}}.pcc .game-btn{display:block;width:fit-content;margin:0 auto 20px;background:var(--gold-dark);color:#fff;text-decoration:none;padding:12px 25px;border-radius:25px;border:none;font-size:.95rem;transition:all .3s ease;font-weight:700;box-shadow:0 4px 6px #0000001a;text-align:center;animation:pcc-float 3s ease-in-out infinite}.pcc .game-btn:hover{background:var(--gold-light);color:#555;animation:none;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.pcc .tabs{display:flex;background:#fff;margin:0 15px 20px;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.pcc .tab-btn{flex:1;padding:15px;border:none;background:#fff;font-weight:700;color:#777;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s;font-size:1rem}.pcc .tab-btn.active{color:var(--gold-text);border-bottom:3px solid var(--gold-dark);background:#fffbf0}.pcc .section{display:none;animation:pcc-fade .3s ease}.pcc .section.active{display:block}@keyframes pcc-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pcc .card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--gold-dark)}.pcc .card h3{color:var(--gold-text);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--pcc-border);display:flex;justify-content:space-between;align-items:center;font-size:1.17em}.pcc .card h3 small{font-size:.8rem;color:#888;font-weight:400}.pcc .h3-lead{display:flex;align-items:center}.pcc .line-item{display:flex;gap:10px;margin-bottom:12px;align-items:center}.pcc .desc-input{flex:1;padding:10px;border:1px solid var(--pcc-border);border-radius:6px;background:#fdfdfd;font-size:1rem}.pcc .amount-input{width:100px;padding:10px;border:1px solid var(--pcc-border);border-radius:6px;text-align:right;font-weight:700;font-size:1rem}.pcc .amount-input:focus,.pcc .desc-input:focus{outline:none;border-color:var(--gold-dark);background:#fff}.pcc .btn-remove{background:#fee;color:var(--pcc-accent);border:none;width:30px;height:30px;border-radius:50%;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}.pcc .passive-check{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#666;margin-left:5px}.pcc .passive-check input{margin:0}.pcc .btn-add{background:#fff;border:2px dashed var(--gold-dark);color:var(--gold-text);width:100%;padding:12px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:10px;transition:.2s;font-size:1rem}.pcc .btn-add:hover{background:#fffbf0}.pcc .btn-add-solid{text-align:center;border-style:solid}.pcc .btn-property-wizard{background:var(--gold-dark);color:#fff;border:none;width:100%;padding:15px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.pcc .btn-flat{margin:0}.pcc .section-total{text-align:right;margin-top:15px;font-size:1.1rem;font-weight:700;color:#555}.pcc .section-total span{color:var(--gold-text);font-size:1.3rem;margin-left:10px}.pcc .rep-h2{margin-bottom:10px;color:var(--gold-text);font-size:1.5em;line-height:1.2}.pcc .rep-h2-sp{margin:25px 0 10px}.pcc .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pcc .report-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.pcc .report-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:10px}.pcc .big-number{font-size:1.6rem;font-weight:700;color:#333}.pcc .sub-number{font-size:.9rem;color:#666;margin-top:5px}.pcc .sub-small{font-size:.8rem}.pcc .positive{color:var(--pcc-green)}.pcc .negative{color:var(--pcc-accent)}.pcc .print-row{margin-top:20px;text-align:center}.pcc .ratio-box{background:#333;color:#fff;padding:15px;border-radius:8px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.pcc .ratio-box-2{margin-top:15px;background:#2c3e50}.pcc .ratio-box small{color:#aaa;display:block;max-width:250px}.pcc .ratio-lab{font-weight:700;margin-bottom:5px}.pcc .ratio-lab-flex{display:flex;align-items:center}.pcc .ratio-val{font-size:1.4rem;font-weight:700;color:var(--gold-light)}.pcc .ratio-right{text-align:right}.pcc .ratio-status{font-size:.75rem;color:#ccc;margin-top:2px}.pcc .modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:100;align-items:center;justify-content:center;padding:20px}.pcc .modal{background:#fff;width:100%;max-width:400px;border-radius:12px;padding:20px;box-shadow:0 10px 25px #0003}.pcc .modal h3{color:var(--gold-text);margin-bottom:15px;font-size:1.17em}.pcc .modal-p{margin-bottom:15px;color:#666}.pcc .modal-p-sm{font-size:.9rem}.pcc .modal-stack{display:flex;flex-direction:column;gap:10px}.pcc .modal-row{display:flex;gap:10px}.pcc .modal-foot{margin-top:15px;text-align:center}.pcc .modal-foot span{cursor:pointer;color:#999;font-size:.9rem}.pcc .modal-field{margin-bottom:15px}.pcc .modal-field label{display:block;margin-bottom:5px;font-weight:700;color:#555}.pcc .modal-field input{width:100%;padding:10px;border:1px solid var(--pcc-border);border-radius:6px}.pcc .modal-actions{display:flex;gap:10px;margin-top:20px}.pcc .btn-cancel{flex:1;padding:10px;background:#eee;border:none;border-radius:6px;cursor:pointer}.pcc .btn-confirm{flex:1;padding:10px;background:var(--gold-dark);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.pcc .btn-grey{background:#7f8c8d}.pcc .tooltip{position:relative;display:inline-block;cursor:help;margin-left:8px;vertical-align:middle}.pcc .tooltip-icon{background:#999;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pcc .tooltip-text{visibility:hidden;width:320px;background:#333;color:#fff;text-align:left;border-radius:8px;padding:15px;position:absolute;z-index:10;bottom:135%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.85rem;line-height:1.5;font-weight:400;box-shadow:0 5px 15px #0000004d;text-transform:none;letter-spacing:normal}.pcc .tooltip-text ul{padding-left:15px;margin-top:5px}.pcc .tooltip-example{margin-top:10px}.pcc .t-bad{color:#ff6b6b}.pcc .t-good{color:#2ecc71}.pcc .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.pcc .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.pcc .tab-note{font-size:.85rem;color:#999;font-style:italic;margin-bottom:15px;padding-bottom:5px;border-bottom:1px dashed #eee}@keyframes pcc-blink{0%{background:#fff}50%{background:#ffeb3b;border-color:var(--gold-dark)}to{background:#fff}}.pcc .flash-highlight{animation:pcc-blink .6s 2}@media(max-width:600px){.pcc-header{padding:15px 10px}.pcc-header h1{font-size:14px;margin-bottom:5px;line-height:1.2}.pcc-header p{font-size:.8rem}.pcc .tabs{flex-direction:column;margin:0 0 20px}.pcc .tab-btn{width:100%;border-bottom:1px solid #f0f0f0;padding:12px;text-align:left;font-size:.95rem}.pcc .tab-btn.active{background:#fffbf0;border-bottom:1px solid #f0f0f0;border-left:5px solid var(--gold-dark)}.pcc-container{padding:8px}.pcc .report-grid{grid-template-columns:1fr}.pcc .line-item{flex-wrap:wrap;gap:5px}.pcc .desc-input{width:100%;margin-bottom:0}.pcc .amount-input{flex:1}.pcc .passive-check{width:100%;margin:8px 0 5px}.pcc .tooltip-text{width:260px;left:-80px;transform:none;bottom:150%}.pcc .tooltip-text:after{left:30%}}
