.cc-container{padding:12px 16px}.cc-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px;margin:12px 16px}.cc-title{margin:0 0 10px;font-size:18px;font-weight:800}.cc-row{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:860px){.cc-row{grid-template-columns:1fr 1fr;align-items:start}}.cc-actions{display:flex;gap:10px;flex-wrap:wrap}.cc-pill{display:inline-block;padding:4px 8px;border:1px solid #e0e0e0;border-radius:999px;font-size:12px;color:#444;background:#fafafa}.cc-field{display:flex;align-items:center;gap:10px;margin:10px 0}.cc-field label{min-width:110px;font-weight:600}.cc-field input,.cc-field select{flex:1;height:34px;padding:0 10px;border:1px solid #c1c1c1;border-radius:4px}.cc-list{margin:10px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.cc-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f0f0}.cc-list-item:last-child{border-bottom:0}.cc-list-item button{border:0;border-radius:6px;padding:8px 10px;cursor:pointer;background:#26a7ef;color:#fff;font-weight:700}.cc-list-item button:active{transform:translateY(1px)}.cc-table{width:100%;border-collapse:collapse;font-size:14px}.cc-table th,.cc-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}.cc-table input[type="number"]{width:90px;height:32px;padding:0 8px;border:1px solid #c1c1c1;border-radius:6px}.cc-danger{background:#ff5a5f}.cc-primary{background:#26a7ef}.cc-danger,.cc-primary{border:0;border-radius:6px;padding:8px 10px;cursor:pointer;color:#fff;font-weight:700}.cc-danger:active,.cc-primary:active{transform:translateY(1px)}.cc-muted{color:#666;font-size:12px}.cc-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:720px){.cc-grid{grid-template-columns:1fr 1fr}}.cc-result{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e8e8e8;border-radius:10px;background:linear-gradient(180deg,#f9fcff,#ffffff)}.cc-result .value{font-size:26px;font-weight:900;letter-spacing:0.2px}.cc-result .unit{font-size:12px;color:#666;margin-left:6px;font-weight:700}.cc-warning{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;padding:10px 12px;border-radius:10px;font-size:12px}