first commit

whmcs-pricing-plugin/assets/css/admin.css

@@ -0,0 +1,147 @@
+/**
+ * WHMCS Pricing Admin Styles
+ */
+
+.whmcs-pricing-admin {
+    max-width: 1200px;
+}
+
+.whmcs-pricing-container {
+    display: flex;
+    gap: 30px;
+    margin-top: 20px;
+}
+
+.whmcs-pricing-main {
+    flex: 1;
+    min-width: 0;
+}
+
+.whmcs-pricing-sidebar {
+    width: 350px;
+    flex-shrink: 0;
+}
+
+.whmcs-pricing-box {
+    background: #fff;
+    border: 1px solid #ccd0d4;
+    border-radius: 4px;
+    padding: 20px;
+    margin-bottom: 20px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.whmcs-pricing-box h3 {
+    margin-top: 0;
+    margin-bottom: 15px;
+    font-size: 16px;
+    font-weight: 600;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 10px;
+}
+
+.whmcs-pricing-box h4 {
+    margin-top: 20px;
+    margin-bottom: 8px;
+    font-size: 13px;
+    font-weight: 600;
+    color: #555;
+}
+
+.whmcs-pricing-box h4:first-of-type {
+    margin-top: 15px;
+}
+
+.whmcs-pricing-box code {
+    display: block;
+    background: #f6f7f7;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    padding: 10px;
+    margin: 8px 0 15px 0;
+    font-size: 12px;
+    font-family: 'Courier New', monospace;
+    word-wrap: break-word;
+    color: #c92c2c;
+}
+
+.whmcs-pricing-box ul {
+    margin: 10px 0;
+    padding-left: 20px;
+}
+
+.whmcs-pricing-box ul li {
+    margin: 5px 0;
+    font-size: 13px;
+    color: #555;
+}
+
+.whmcs-pricing-box p {
+    margin: 10px 0;
+    line-height: 1.6;
+}
+
+.whmcs-pricing-box p strong {
+    color: #1d2327;
+}
+
+/* Form styles */
+.whmcs-pricing-admin .form-table th {
+    width: 200px;
+}
+
+.whmcs-pricing-admin input[type="text"],
+.whmcs-pricing-admin input[type="password"],
+.whmcs-pricing-admin input[type="number"],
+.whmcs-pricing-admin select {
+    width: 100%;
+    max-width: 500px;
+}
+
+.whmcs-pricing-admin .description {
+    color: #646970;
+    font-size: 13px;
+    margin-top: 8px;
+}
+
+/* Settings sections */
+.whmcs-pricing-admin h2 {
+    margin-top: 30px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #2271b1;
+    color: #1d2327;
+}
+
+/* Buttons */
+.whmcs-pricing-admin .submit {
+    padding-top: 0;
+    margin-bottom: 20px;
+}
+
+/* Responsive */
+@media screen and (max-width: 960px) {
+    .whmcs-pricing-container {
+        flex-direction: column;
+    }
+
+    .whmcs-pricing-sidebar {
+        width: 100%;
+    }
+
+    .whmcs-pricing-admin input[type="text"],
+    .whmcs-pricing-admin input[type="password"],
+    .whmcs-pricing-admin input[type="number"],
+    .whmcs-pricing-admin select {
+        max-width: 100%;
+    }
+}
+
+/* Success/Error messages */
+.whmcs-pricing-admin .notice {
+    margin: 20px 0;
+}
+
+/* Help text */
+.whmcs-pricing-admin .form-table td p:first-child {
+    margin-top: 0;
+}