:root {
            --primary: #1a5fb4;
            --primary-dark: #164b94;
            --secondary: #c64600;
            --light: #f6f5f4;
            --dark: #241f31;
            --success: #26a269;
            --warning: #cd9309;
            --danger: #c01c28;
            --gray: #deddda;
            --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        body {
            background-color: #f0f2f5;
            color: var(--dark);
            padding-top: 56px;
        }
        
        .navbar {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            box-shadow: var(--shadow);
        }
        
        .notification {
            padding: 1rem;
            border-radius: 6px;
            margin-bottom: 1.5rem;
        }
        
        .notification.success {
            background: rgba(38, 162, 105, 0.15);
            color: var(--success);
            border: 1px solid var(--success);
        }
        
        .notification.error {
            background: rgba(192, 28, 40, 0.15);
            color: var(--danger);
            border: 1px solid var(--danger);
        }
        
        .token-display {
            background: var(--light);
            padding: 0.8rem;
            border-radius: 6px;
            font-family: monospace;
            word-break: break-all;
            margin-top: 1rem;
        }

        th,td {
            background-color:#FFEEEE;
            text-align:center;
        }

        .int, .int2 {
            text-align:right;
            width:100px;
            background-color:#FFEEEE;
        }

        .int {
            background-color:#EEEEFF;
        }

        .required::after {
            content: " *";
            color: #dc3545;
        }