Update app.css

app.css

@@ -524,6 +524,163 @@ footer, .footer, div[class*="footer"], #footer {
   text-decoration: underline;
 }
 
+/* 배포 관련 추가 스타일 */
+.deployment-status-area {
+    position: relative;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: var(--neutral-100);
+    border-top: 1px solid var(--neutral-300);
+    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
+    padding: 10px 15px;
+    margin-top: -5px;
+    z-index: 10;
+}
+
+.deployment-status-content {
+    width: 100%;
+}
+
+.status-bar {
+    display: flex;
+    align-items: center;
+    padding: 10px 12px;
+    border-radius: var(--radius-md);
+    animation: fadeIn 0.3s ease-out;
+}
+
+.status-bar.success {
+    background-color: rgba(52, 199, 89, 0.1);
+    border-left: 4px solid var(--success);
+}
+
+.status-bar.error {
+    background-color: rgba(255, 59, 48, 0.1);
+    border-left: 4px solid var(--error);
+}
+
+.status-bar.loading {
+    background-color: rgba(90, 200, 250, 0.1);
+    border-left: 4px solid #5ac8fa;
+}
+
+.status-icon {
+    font-size: 1.2em;
+    margin-right: 10px;
+}
+
+.status-text {
+    font-weight: 500;
+}
+
+.status-link {
+    margin-left: 5px;
+    color: var(--primary);
+    text-decoration: underline;
+    font-weight: 600;
+}
+
+/* 모달 스타일 */
+.deploy-modal-content {
+    padding: 20px;
+}
+
+.deploy-success h3,
+.deploy-error h3,
+.deploy-loading h3 {
+    margin-top: 0;
+    display: flex;
+    align-items: center;
+}
+
+.deploy-url-box {
+    background-color: var(--neutral-100);
+    border: 1px solid var(--neutral-300);
+    border-radius: var(--radius-md);
+    padding: 12px;
+    margin: 15px 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    word-break: break-all;
+}
+
+.deploy-url-box a {
+    color: var(--primary);
+    font-weight: 600;
+    text-decoration: none;
+    flex: 1;
+}
+
+.copy-btn {
+    background-color: var(--primary);
+    color: white;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: 5px 10px;
+    margin-left: 10px;
+    cursor: pointer;
+    font-size: 0.8em;
+    transition: all 0.2s;
+}
+
+.copy-btn:hover {
+    background-color: var(--secondary);
+    transform: translateY(-2px);
+}
+
+.error-details {
+    background-color: #ffeeee;
+    border-radius: var(--radius-sm);
+    padding: 10px;
+    font-family: monospace;
+    font-size: 0.9em;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    margin-top: 10px;
+}
+
+.loading-spinner {
+    margin: 20px auto;
+    width: 40px;
+    height: 40px;
+    border: 4px solid rgba(0, 102, 204, 0.2);
+    border-top-color: var(--primary);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+/* 모달 오버라이드 스타일 */
+.ant-modal-content {
+    border-radius: var(--radius-lg) !important;
+    overflow: hidden;
+}
+
+.ant-modal-header {
+    background: linear-gradient(to right, var(--primary), var(--secondary));
+    padding: 16px 24px;
+    border-bottom: 1px solid var(--neutral-300);
+}
+
+.ant-modal-title {
+    color: white !important;
+    font-weight: 600;
+}
+
+.ant-modal-close {
+    color: white !important;
+}
+
+/* 배포 알림이 항상 보이도록 z-index 조정 */
+#deploy-modal {
+    z-index: 1500 !important;
+}
+
 .deploy-error {
   color: var(--error);
   padding: 10px;