.calc-section{max-width:1280px;margin:0 auto;padding:60px 24px;direction:rtl;background:#f7f9fc;color:#1e2a44}.calc-header{text-align:center;margin-bottom:48px}.calc-header h1{font-size:2.5rem;font-weight:700;color:#0f2b5b;margin-bottom:16px}.calc-header p{font-size:1rem;color:#4b5e7a;max-width:720px;margin:0 auto;line-height:1.6}.calc-container{display:flex;gap:32px;flex-wrap:wrap}.calc-form{flex:1;min-width:300px;background:rgb(255 255 255 / .95);backdrop-filter:blur(8px);border-radius:12px;padding:24px;box-shadow:0 4px 16px rgb(15 43 91 / .1)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.95rem;font-weight:600;color:#0f2b5b;margin-bottom:6px}.form-group select,.form-group input[type="number"]{width:100%;padding:10px;font-size:.95rem;border:1px solid #d1d9e6;border-radius:8px;background:#fff;transition:border-color 0.2s}.form-group select:focus,.form-group input[type="number"]:focus{outline:none;border-color:#0f2b5b}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 10px center;background-size:14px;padding-left:32px;appearance:none}.form-group input[type="checkbox"]{width:auto;margin-right:6px}.form-group input.invalid{border-color:#e63946}.shape-selector{margin-bottom:20px}.shape-selector h2{font-size:1.3rem;font-weight:600;color:#0f2b5b;margin-bottom:12px}.shapes-list{margin-bottom:12px}.shape-item{background:#f0f4fa;border-radius:8px;padding:12px;margin-bottom:8px;transition:opacity 0.2s ease}.shape-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shape-item-header h3{font-size:1rem;font-weight:500;color:#0f2b5b}.remove-shape-btn{background:#e63946;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.85rem;transition:background 0.2s}.remove-shape-btn:hover{background:#d32f2f}.shape-tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.shape-tab{padding:8px 16px;font-size:.95rem;font-weight:500;color:#4b5e7a;background:#e9eef6;border-radius:6px;cursor:pointer;transition:background 0.2s,color 0.2s}.shape-tab.active,.shape-tab:hover{background:#0f2b5b;color:#fff}.shape-inputs{display:flex;flex-wrap:wrap;gap:8px}.shape-inputs .form-group{flex:1;min-width:140px;display:flex;align-items:center;gap:6px}.shape-inputs select{width:auto;min-width:90px}.add-shape-btn,.calc-btn,.reset-btn,.copy-btn{width:100%;padding:12px;font-size:1rem;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s}.add-shape-btn,.calc-btn{background:#0f2b5b}.reset-btn{background:#6b7280}.copy-btn{background:#0f2b5b}.add-shape-btn:hover,.calc-btn:hover,.copy-btn:hover{background:#1e4a8c}.reset-btn:hover{background:#9ca3af}.copy-btn.copied{background:#2f855a}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.form-actions button{flex:1}.calc-results{flex:1;min-width:300px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgb(15 43 91 / .05)}.calc-results h2{font-size:1.8rem;font-weight:600;color:#0f2b5b;margin-bottom:16px;text-align:right}.result-cards{display:flex;flex-direction:column;gap:8px}.result-card{background:#fff;border-bottom:1px solid #e9eef6;padding:12px 0;opacity:0;transition:opacity 0.3s ease}.result-card.animate{opacity:1}.result-card p{font-size:.95rem;color:#1e2a44;margin:0}.result-card p strong{color:#0f2b5b}.result-toggle{background:none;border:none;color:#0f2b5b;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:4px;width:100%;text-align:right}.result-toggle::before{content:'❯';font-size:.8rem;color:#0f2b5b;transition:transform 0.2s}.result-toggle.collapsed::before{transform:rotate(90deg)}.sub-list{padding-right:12px;font-size:.9rem;color:#4b5e7a}.result-section{margin-top:16px;padding-top:8px;border-top:1px solid #e9eef6}.result-section p{font-size:.9rem;color:#4b5e7a;line-height:1.5}.error-alert{border:1px solid #e63946;border-radius:8px;padding:12px;margin-bottom:12px}.error-alert p{font-size:.95rem;color:#e63946;margin:0;font-weight:500}.error-alert ul{padding-right:12px;margin-top:6px}.error-alert li{font-size:.9rem;color:#e63946}@media (max-width:768px){.calc-container{flex-direction:column}.calc-header h1{font-size:2rem}.calc-header p{font-size:.95rem}.shape-tabs{flex-direction:column;align-items:stretch}.shape-tab{text-align:center}.shape-inputs{flex-direction:column}.form-actions{flex-direction:column}}@media (max-width:480px){.calc-section{padding:32px 12px}.calc-header h1{font-size:1.6rem}.calc-results h2{font-size:1.4rem}}[data-theme="dark"] .calc-section{background:var(--background-color);color:var(--text-color)}[data-theme="dark"] .calc-header h1{color:var(--text-color)}[data-theme="dark"] .calc-header p{color:var(--text-muted)}[data-theme="dark"] .calc-form{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .form-group label{color:var(--text-color)}[data-theme="dark"] .form-group select,[data-theme="dark"] .form-group input[type="number"]{background:#2a2e32;color:var(--text-color);border:1px solid var(--border-color)}[data-theme="dark"] .form-group select:focus,[data-theme="dark"] .form-group input[type="number"]:focus{border-color:var(--link-color)}[data-theme="dark"] .form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat}[data-theme="dark"] .form-group input.invalid{border-color:#e63946}[data-theme="dark"] .shape-selector h2{color:var(--text-color)}[data-theme="dark"] .shape-item{background:#2a2e32}[data-theme="dark"] .shape-item-header h3{color:var(--text-color)}[data-theme="dark"] .remove-shape-btn{background:#e63946;color:var(--button-text)}[data-theme="dark"] .remove-shape-btn:hover{background:#d32f2f}[data-theme="dark"] .shape-tab{background:#2a2e32;color:var(--text-muted)}[data-theme="dark"] .shape-tab.active,[data-theme="dark"] .shape-tab:hover{background:var(--button-bg);color:var(--button-text)}[data-theme="dark"] .add-shape-btn,[data-theme="dark"] .calc-btn,[data-theme="dark"] .copy-btn{background:var(--button-bg);color:var(--button-text)}[data-theme="dark"] .reset-btn{background:#374151;color:var(--button-text)}[data-theme="dark"] .add-shape-btn:hover,[data-theme="dark"] .calc-btn:hover,[data-theme="dark"] .copy-btn:hover{background:#2563eb}[data-theme="dark"] .reset-btn:hover{background:#4b5563}[data-theme="dark"] .copy-btn.copied{background:#2f855a}[data-theme="dark"] .calc-results{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .calc-results h2{color:var(--text-color)}[data-theme="dark"] .result-card{background:var(--card-bg);border-bottom:1px solid var(--border-color)}[data-theme="dark"] .result-card p{color:var(--text-muted)}[data-theme="dark"] .result-card p strong{color:var(--text-color)}[data-theme="dark"] .result-toggle{color:var(--text-color)}[data-theme="dark"] .result-toggle::before{color:var(--text-color)}[data-theme="dark"] .sub-list{color:var(--text-muted)}[data-theme="dark"] .result-section{border-top:1px solid var(--border-color)}[data-theme="dark"] .result-section p{color:var(--text-muted)}[data-theme="dark"] .error-alert{border:1px solid #e63946}[data-theme="dark"] .error-alert p,[data-theme="dark"] .error-alert li{color:#e63946}